ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.: barsyaka

barsyaka

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.

Sep 18, 2012 17:45

Оригинал взят у sviganik в ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.
Оригинал взят у dgz в ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ
Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.
Все теги ставятся в блог copy-paste‘ом
(В режиме «HTML», а не «Визуальный редактор») !!!
Оформление текста
(рекомендую спец. страничку Tекст):

Перечёркнутый текст: ТЕКСТ ~~ваш текст~~
Подчёркнутый текст: ТЕКСТ ваш текст
Полужирный текст: ТЕКСТ ваш текст
Полужирный крупный: ТЕКСТ ваш текст
Курсивный текст: ТЕКСТ ваш текст
Маленький текст: текст ваш текст
Неразрывный пробел:
Центрирование:

текст (картинка) по центруваш текст (картинка)
Выравнивание текста по правому краю поста:

ваш текст

Выравнивание текста по всей ширине поста:

ваш текст

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

текст

Бегущая строка (рекомендую Бегущая строка):
бегущая, как коняшка, строка ваша бегущая строка
Вместо текста можно вставить картинку:

Код этой картинки:

Сноска вверху: ТЕКСТсноска^{ваша сноска}

Сноска внизу: ТЕКСТсноска_{ваша сноска}

Линия:
ее код:

Ударение:
Cтавим после нужной буквы:́
«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):
Я
Пешу
Лесинкой!!!

ваш текст

РАЗМЕР ШРИФТА:

Уменьшить текст: текст - 2 уменьшенный текст Увеличить текст на 1 пункт: текст увеличить текст на 1 пункт

Увеличить текст на 2 пункта: текст

увеличить текст на 2 пункта

Увеличить текст на 3 пункта: текст

увеличить текст на 3 пункта

Увеличить текст на 4 пункта: текст

увеличить текст на 4 пункта

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст красный текст ЖЕЛТЫЙ: желтый текст желтый текст ФИОЛЕТОВЫЙ: фиолетовый текст фиолетовый текст ЗЕЛЕНЫЙ: зеленый текст зеленый текст СИНИЙ: синий текст синий текст ФУКСИЯ: фуксия текст фуксия текст

Таблица «базовых» цветов (вводим «Имя» или «Код»):
ИмяКодИмяКодИмяКодИмяКодaqua#00FFFFgreen#008000navy#000080silver#C0C0C0black#000000gray#808080olive#808000teal#008080blue#0000FFlime#00FF00purple#800080white#FFFFFFfuchsia#FF00FFmaroon#800000red#FF0000yellow#FFFF00

ВИД ШРИФТА:

Шрифт этого текста «Monotype Corsiva» текст Все вышеперечисленные атрибуты тега font можно объединять в одном теге: Шрифт этого текста «Monotype Corsiva» код этого текста: текст

Оформление ссылок (рекомендую спец. страницу Ссылки):

Как вставить ссылку на веб-страницу: ВАШ ТЕКСТКак сделать, чтобы картинка была ссылкой на веб-страницу:

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:ВАШ ТЕКСТ

Спец. теги ЖЖ:

Элементарный жж-кат (с “Read more”): ТЕКСТ Публикация картинок: По картинкам смотрим здесь: htmlka.com/pictures
Окошечко для вставки кода, типа:ВАШ КОДполучаем так:

ВАШ КОД где rows и cols определяют площадь окна<br />Можно сделать покрасивше: <br /><br /> <textarea>ВАШ КОД <br /><br /> <textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ <br /><br /> Кнопка-ссылка на веб-страничку Например, на эту: <br /><br /> <form action="<a href="/read/user/dgz/1005696" class="external">http://dgz.livejournal.com/1005696.html</a>" target="_blank" method="get"><input type="submit" value="htmlka"></form> <br /><br /> Некоторые спецсимволы:<br />СпецсимволВид в браузере<<>>&&""®®™™©©♥♥××≈≈••°° (градус)<a class="external" href="http://www.digitalmediaminute.com/reference/entity/index.php">много символов</a><br />Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть <a class="external" href="http://htmlka.com/raznoe/#q">«Прочие» спецсимволы HTML</a>, пока редко включаемые в официальные таблицы спецсимволов <br /><br /> Фотохостинги<br /><ul><li><a class="external" href="http://gallery.ru/">gallery.ru</a></li><li><a class="external" href="http://www.imagebam.com/">imagebam.com</a></li><li><a class="external" href="http://imgur.com/">imgur.com</a></li><li><a class="external" href="http://imageshack.us/">imageshack.us</a></li><li><a class="external" href="http://tinypic.com/">tinypic.com</a></li><li><a class="external" href="http://foto.radikal.ru/">foto.radikal.ru</a></li><li><a class="external" href="http://photobucket.com/">photobucket.com</a><br />Видеохостинги вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:<br /></li><li><a class="external" href="http://youtube.com/">youtube.com</a></li><li><a class="external" href="http://rutube.ru/">rutube.ru</a><br />Файлообменники выложить друзьям файлы можно на:<br /></li><li><a class="external" href="http://www.zalil.ru/">zalil.ru</a> (50Мб без регистрации, оч простой)</li><li><a class="external" href="http://www.filedropper.com/">filedropper.com</a> (до 5Гб без регистрации)</li><li><a class="external" href="http://www.wikiupload.com/">wikiupload.com</a> (до 5Гб без регистрации)</li><li><a class="external" href="http://www.dushare.com/#">dushare.com</a> (unlim на размер, протокол P2P)</li>Полезно:</ul><br />10 хитростей ЖЖ <br /><br /> <ul><li>Когда терзают смутные сомнения:  <a href="http://../../../manage/logins.bml">http://www.livejournal.com/manage/logins.bml</a> - смотрим историю залогинивания в своем ЖЖ  </li><li><a class="external" href="http://ljplus.ru/friends/history">http://ljplus.ru/friends/history</a> - самая удачная, на мой взгляд, реализация «истории друзей». Минус - глючит при количестве друзей более 2000. Требует регистрации на ljplus.ru</li><li><a class="external" href="http://ljplus.ru/post/?mode=later">http://ljplus.ru/post/?mode=later</a> - "отложенный" во-времени постинг. Работают lj-cut и html-разметка. Требует регистрации на ljplus.ru  </li><li> <a href="http://../../../mobile/post.bml">http://www.livejournal.com/mobile/post.bml</a> - минималистская версия "Написать пост".  </li><li> <a href="http://../../../mobile/friends.bml">http://www.livejournal.com/mobile/friends.bml</a> - френдлента с "птичьего полета", то бишь ее мобильный вариант. Если завести и назвать группу "Mobile view" - будем по ссылке читать только ее.  </li><li><a class="external" href="http://wildmale.livejournal.com/tag">http://wildmale.livejournal.com/tag</a>- читать журнал по меткам (то есть добавив к адресу интересующего журнала /tag)  </li><li><a class="external" href="http://www.ljtags.com/">http://www.ljtags.com</a> - поиск по жж-меткам  </li><li> <a href="http://../../../manage/settings/?cat=display&view=schemes">http://www.livejournal.com/manage/settings/?cat=display&view=schemes</a> - все схемы оформления ЖЖ (включая XColibur и Dystopia - всего 6 схем).</li><li>Режем рекламу в ЖЖ. <a class="external" href="http://www.onlinedisk.ru/file/523928">http://www.onlinedisk.ru/file/523928</a> - скачиваем файл (rar), следуем инструкции, забываем про рекламу в ЖЖ А вот здесь более новые "разработки":  <a href="/read/user/chtec-059/24695">http://chtec-059.livejournal.com/24695.html</a> Совет по безопасности:</li><li>Если вы отвечаете на скрытый комментарий, он открывается. Опять скрините, но он, как и ваш ответ, уже проиндексированы и легко могут быть найдены через поисковик. Также открытый даже на секунду камент будет выслан тому, кто подпишется на уведомления о комментариях к посту.</li></ul>Изображения <br /><br /> Код любой картинки в сети в простом варианте выглядит так: <img src="http://site/…jpg" class="pic" /><br /> Уникальный URL (<a href="http://site/…jpg" class="external">http://site/…jpg</a>) выдает картинке фотохостинг (специальный сайт), куда ее необходимо закачать с вашего компьютера. <br /><br /> Совсем «чайникам» рекомендую действовать так (для ЖЖ): 1.Открываешь <a class="external" href="http://www.ljplus.ru/">ljplus.ru</a> (одна из функций этого сайта - фотохостинг, заточенный под публикацию картинок в жж) 2. Регистрируешься 3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ! 4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента 5. Постишь. Становишься знаменитым. В комментарии картинки ставятся аналогично, кат не работает. <br /><br /> Как сделать, чтобы текст «обтекал» картинку?  Легко - картинка слева, текст справа: добавляем в код картинки: align=left hspace=20 Код картинки примет вид: <img src="http:…" class="pic" /><br />  Помни: align=left - картинка слева, текст справа align=right - картинка справа, текст слева hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали Код картинки с плавным обтеканием текстом справа и снизу (или сверху): <img src="http:…" class="pic" /> <br /><br /> Прекратить обтекание  и вернуть текст под картинку можно тэгом <br /> Закрывать не надо, он работает один. <br /> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter. <br /><br /> - три пустые строки. <br /><br /> Вставить две и более картинки горизонтально: <nobr>Текст (картинки)</nobr>- все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост. <br /><br /> Регулируем расстояние меж картинками по-горизонтали:  С помощью «неразрывного пробела»:    Расстояние, равное 8 пробелам будет выглядеть так:       Вставляется меж кодов картинок, есс-но <br /><br /> Если надо всплывающую подсказку  при наведении курсора на картинку, как здесь: <img src="http://img210.imageshack.us/img210/807/87606031vk4.gif" class="pic" /><br />- введите в код картинки title="ТЕКСТ" <br /><br /> Если надо цветную рамку , добавьте в код картинки:style="border:5px solid red;"- задана красная рамка толщиной 5 пикселей <br /><br /> Чтоб быстро вставить картинку с другого сайта, вставьте в пост:<img src="">затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек <br /><br /> Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:) <br /><br /> Полезные приложения:  <a href="http://semagic.sourceforge.net/index.html">Семаджик - программа-клиент для ведения блогов</a> <a class="external" href="https://addons.mozilla.org/ru/firefox/addon/4536/">LiveJournal Addons - расширение для браузера Firefox</a> <a class="external" href="https://chrome.google.com/extensions/detail/jkmfgnboikinlhnaomlhalipemjbmfgi">LiveJournal Extension - расширение для Chrome</a> <a class="external" href="http://ljbook.com/">ljbook.com - сохранение блога в pdf</a> <a class="external" href="http://sourceforge.net/projects/ljarchive/">ljArchive - сохранение, архивация жж</a> <br /><br /> Полезные страницы ЖЖ: <a class="external" href="http://www.livejournal.com/site">Карта всея ЖЖ</a>  <a href="/404?back_uri=1">Cлужба тех. поддержки</a> <a class="external" href="http://www.livejournal.com/site/accounts.bml">Возможности разных типов аккаунтов</a> <a class="external" href="http://www.livejournal.com/paidaccounts/friends.bml">Статус аккаунтов друзей, купить аккаунт другу</a> <a class="external" href="http://www.livejournal.com/tools/emailmanage.bml">Менеджер почтовых ящиков </a>  <a href="/login">Защищенная страница входа в ЖЖ</a>  <a href="/login">Текстовая страница входа в ЖЖ (без java script) </a> <a class="external" href="http://www.livejournal.com/birthdays.bml">Дни рождения друзей</a> <a class="external" href="http://www.livejournal.com/manage/logins.bml">Страница управления сеансами связи с ЖЖ </a> <a class="external" href="http://www.livejournal.com/friends/nudge.bml"> Разбуди друга!</a> <a class="external" href="http://www.livejournal.com/admin/console">Административная Консоль</a> <a class="external" href="http://www.livejournal.com/manage/tags.bml">Редактирование меток</a> <a class="external" href="http://www.livejournal.com/syn/list.bml"> Список трансляций </a> <a class="external" href="http://www.livejournal.com/rename">Сменить имя пользователя</a> <a class="external" href="http://www.livejournal.com/changepassword.bml">Сменить пароль</a> <a class="external" href="https://www.livejournal.com/changeemail.bml"> Cменить e-mail </a> <a class="external" href="http://www.livejournal.com/lostinfo.bml">Тем, кто забыл имя пользователя или пароль</a> <a class="external" href="http://www.livejournal.com/editprivacy.bml">Сменить уровень доступа к записям (для Платного)</a> <a class="external" href="http://www.livejournal.com/accountstatus.bml">Страница Удаления (восстановления) журнала </a> <a class="external" href="http://www.livejournal.com/abuse/report.bml">Написать в Конфликтную Комиссию</a>  <a href="/404?back_uri=1">Написать в отдел техподдержки</a> <a class="external" href="http://www.livejournal.com/manage/banusers.bml">Бан</a> Livejournal <br /><br /> Элементарный жж-кат (с “Read more”):<lj-cut> ТЕКСТ </lj-cut>жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:<lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut>Работу ката не видно в режиме «ПРОСМОТР» Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так:  <a href="http://../../../userinfo.bml?user=wildmale"><img src="../../../img/userinfo.gif" class="pic" /><br /></a> <a href="http://../../../users/wildmale/">wildmale</a><lj user="wildmale">Сссылка на сообщество, например: <strong class="lj-user"><a href="/read/user/aforism"></a></strong><strong class="lj-user"><a href="/read/user/aforism">aforism</a></strong> делается точно так же:<lj user="aforism"> <br /><br /> Вместо  <a href="http://../../../userinfo.bml?user=wildmale"><img src="../../../img/userinfo.gif" class="pic" /><br /></a> <a href="http://../../../users/wildmale/">wildmale</a> пишем  <a href="http://../../../users/wildmale/">Дикий самец</a>:<a href="lj://user/wildmale/">Дикий самец</a>Ежели надо с «человечком»:  <a href="http://../../../userinfo.bml?user=wildmale"><img src="../../../img/userinfo.gif" class="pic" /><br /></a> <a href="http://../../../users/wildmale/"> Дикий самец</a>:<lj user="wildmale" title="Дикий самец">Скопировав код, не забудьте поменять реквизиты. <br /><br /> Ежели хотите сделать так:  <a href="/404?back_uri=wildmale.livejournal.com/profile"><img src="http://dammitja.net/lj/opp/usercloak.gif" class="pic" /><br /></a><strong class="lj-user"><a href="/read/user/wildmale">wildmale</a></strong> или эдак: <strong class="lj-user"><a href="/read/user/comm"><img src="http://dammitja.net/lj/communitypulse.gif" class="pic" /><br /></a></strong><strong class="lj-user"><a href="/read/user/comm">comm</a></strong> и <strong class="lj-user"><a href="/read/user/commun"><img src="http://seriouscybernetics.net/glyphs/comm_rotate_anti.gif" class="pic" /><br /></a></strong><strong class="lj-user"><a href="/read/user/commun">commun</a></strong> то вам <a class="external" href="http://wildmale.livejournal.com/94171.html?nc=31">СЮДА</a> <br /><br /> Кнопка Repost (Перепостить) Вставкой в пост этого тега вы публикуете кнопку «Repost» (Перепостить):<lj-repost /> <br /><br /> <ul><li>Одинарный тег  приведет к размещению всей записи.</li><li>Для репостинга фрагмента исходной записи используется парный тег:<lj-repost>Перепост этого фрагмента<lj-repost /></li><li>Название кнопки меняется параметром «button»:<lj-repost button="Разместить у себя" /><br />С недавних пор в ЖЖ в посты можно вставлять интерактивные карты с сервисов Google.Maps или Яндекс.Карты <br /><br /> Для этого используется специальный тег:<lj-map url=URL-карты> <br /><br /> Что такое URL-карты можно узнать  <a href="/read/user/wildmale/220288">ЗДЕСЬ</a><br /></li></ul><br />Вместо ссылки на страничку можно делать кнопку. В нее можно вставить картинку, например, движущийся gif:<br />Ее код: <br /><br /> 
        </div>
    
    
        <p class="item-tags">
            
                <a href="http://m.livejournal.com/read/user/barsyaka/tag/полезное">полезное</a>
            
        </p>
    
</div>
            <div
  class=
    "
    ljsale
    ljsale--empty
    
    "

lj0sale="adfox_mobile_content_1"

></div>
            <div class="b-more-button">
                <a class="b-more-button-inner" href="/login?back_uri=http://m.livejournal.com/read/user/barsyaka/133813/comments/reply#comments">Leave a comment</a></p>
            </div>
        
    </div>
    
        <div class="b-more-button"><a class="b-more-button-inner" href="http://m.livejournal.com/read/user/barsyaka/133813/comments#comments">Read comments 1</a></div>
    
</div>
<div class="paging">
    <table cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td class="paging-prev">
                    
                    <a href="http://m.livejournal.com/read/user/barsyaka/133419">Previous post</a>
                    
                </td>
                <td class="paging-next">
                    
                    <a href="http://m.livejournal.com/read/user/barsyaka/134085">Next post</a>
                    
                </td>
            </tr>
        </tbody>
    </table>
</div>

<div class="to-top">
    <a href="#to-top">
        Up
    </a>
</div>
<div class="footer">
	<div
  class=
    "
    ljsale
    ljsale--empty
    
    "

lj0sale="adfox_mobile_footer"

></div>
	<div class="footer-content">

<table class="footer-layout">
    <tr>
        
            <td>
                <a class="footer-menu-item footer-menu-index" href="//m.livejournal.com/">
                    <span class="footer-menu-item-title">Homepage</span>
                </a>
            </td>
        
        <td>
            <a class="footer-menu-item footer-menu-read" href="//m.livejournal.com/read">
                <span class="footer-menu-item-title">Read journal...</span>
            </a>
        </td>
        <td>
            <a class="footer-menu-item footer-menu-full" href="https://barsyaka.livejournal.com/133813.html?fullversion=yes">
                <span class="footer-menu-item-title">Full version</span>
            </a>
        </td>
        <td>
            <a class="footer-menu-item footer-menu-help" href="//m.livejournal.com/help">
                <span class="footer-menu-item-title">Help</span>
            </a>
        </td>
        <td>
            
                <a class="footer-menu-item footer-menu-eng" href="//www.livejournal.com/tools/setlang.bml?lang=ru&returnto=//m.livejournal.com/read/user/barsyaka/133813">
                    <span class="footer-menu-item-title">Русская версия</span>
                </a>
            
        </td>
    </tr>
</table>

<div class="footer-counters">
			
                
                <script language="JavaScript" type="text/javascript">
                    (new Image()).src = '//www.tns-counter.ru/V13a***R>' + document.referrer.replace(/\*/g,'%2a') + '*sup_ru/ru/CP1251/tmsec=lj_mob/101694';
                </script>
                <noscript>
                    <img src="//www.tns-counter.ru/V13a****sup_ru/ru/CP1251/tmsec=lj_mob/101694" width="1" height="1" alt="" />
                </noscript>

(function (d, w, c) {

(w[c] = w[c] || []).push(function() {

try {

w.yaCounter27737346 = new Ya.Metrika({id:27737346,

clickmap:true,

trackLinks:true,

accurateTrackBounce:true});

} catch(e) { }

});

var n = d.getElementsByTagName("script")[0],

s = d.createElement("script"),

f = function () { n.parentNode.insertBefore(s, n); };

s.type = "text/javascript";

s.async = true;

s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js";

if (w.opera == "[object Opera]") {

d.addEventListener("DOMContentLoaded", f, false);

} else { f(); }

})(document, window, "yandex_metrika_callbacks");

</script>

</div>
	</div>
	<div class="footer-copy b-strip">© 1999-2024 LiveJournal, Inc.</div>
</div>

		</div>
	</body>
</html>