Тэги для записей в ЖЖ…: zbarassky

zbarassky

Тэги для записей в ЖЖ…

Mar 03, 2004 10:26

…и другие полезняЖЖки.

Тэги, работающие только в ЖЖ-подобных системах Код Результат ЖЖ-кат

Синтаксис (точный):

Пример:
Юстас - Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.

Синтаксис (точный):

Пример:
Юстас - Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации. Юстас - Алексу. По-прежнему убеждён, что ни один из серьёзных политиков ( не является честным человеком ) полужирный текст синего цвета в скобках и будет жж-катомЗапада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.

Юстас - Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. ( Read more ) полужирный текст синего цвета в скобках и будет жж-катомОднако, поскольку задание получено, приступаю к его реализации. ЖЖ-юзер или ЖЖ-сообщество

Синтаксис (точный):

Разные ЖЖ-линки

Синтаксис (на примере): Анх Запрос № 3 Справка № 72 username или commname

Анх
Запрос № 3
Справка № 72 ЖЖ-юзер или ЖЖ-сообщество
(с произвольным текстом)

Синтаксис (на примере):

Этот парень

Если поменять стандартный userinfo.gif на прозрачный GIF-файл (высота 17 пикселов, ширина - любая), сделанный своими руками, то можно добиться забавного ЖЖ-написания ника. Результат - справа, последний ник. Обратите внимание, что надо два раза заменить мой ник ansate на тот ник, который вам нужен и один раз прописать произвольный текст. В результате получим Этот парень или

Этот парень. Отменить ЖЖ-форматирование в части абзацев

Синтаксис (точный): Результатом будет то, что ЖЖ для абзацев, заключённых в эти тэги, отменит форматирование, в частности, новую строку надо будет делать тэгом
. Особо не заморачивайтесь этим тэгом, его использование нужно крайне редко. Тэги, работающие не только в ЖЖ-подобных системах Код Результат Линк на страницу сайта

Синтаксис (на примере): http://www.apple.com/ipod/" title="Страница про мой плейер">айПод айПод

В тэге title содержимое заменяете на свой текст, он будет возникать при наведении на него мышки на жёлтом всплывающем фоне. Если хотите, чтобы линк открывался в том же окне, замените тэг target="_blank" на target="_self" или уберите его вообще. Картинка, исполняющая роль линка

Синтаксис (на примере): http://ansate.livejournal.com/29741.html">

http://pics.livejournal.com/ansate/pic/00011f2g" alt="Иконка NEW" width="16" height="6" border="1">

- эта картинка с надписью 'NEW' «ведёт» на эту же запись.

Адреса картиночных хостингов и записей, само собой, подставляйте на свой вкус. Плюс к тому же, тут в тэгах width и height надо проставить реальные размеры вашей картинки. Вообще, не пренебрегайте этими тэгами - многие люди отключают отображение картинки на странице, и, если там не указаны размеры, вообще не интересуются изображением. Это всё из-за стоимости трафика и наличия медленных сетей. Тэг border задаёт толщину рамки вокруг картинки. Вставка картинки в текст

Синтаксис (на примере):

http://pics.livejournal.com/ansate/pic/00011f2g" alt="Иконка NEW" width="16" height="6" border="1">

- в ячейке выше см. про тэги. Выключка объектов и текста

Выключки: влево, по центру, вправо, полностью. Синтаксис (на примерах):

Обычно, используется выключка влево (она делается по умолчанию), либо по центру. Для быстрого и упрощённого центрирования картинок или текста используйте тэги , заключая между ними ваши картинки или слова/абзацы.

Юстас - Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации. Перечёркнутый текст

Синтаксис (на примере): ~~Перечёркнутый текст~~ ~~Перечёркнутый текст~~ ~~Перечёркнутый текст~~ Перечёркнутый текст
Перечёркнутый текст
Перечёркнутый текст

Обратите внимания, что никакой разницы в результате нет, хотя код разный. Подчёркнутый текст

Синтаксис (на примере): Подчёркнутый текст Подчёркнутый текст Полужирный текст

Синтаксис (на примере): Полужирный текст Полужирный текст Полужирный текст
Полужирный текст

Обратите внимания, что никакой разницы в результате нет, хотя код разный. Курсивный текст

Синтаксис (на примере): Курсивный текст Курсивный текст Курсивный текст
Курсивный текст

Обратите внимания, что никакой разницы в результате нет, хотя код разный. Уменьшенный текст

Синтаксис (на примере): Уменьшенный текст
Уменьшенный текст Уменьшенный текст
Уменьшенный текст Увеличенный текст

Синтаксис (на примере):
Увеличенный текст
Увеличенный текст
Увеличенный текст
Увеличенный текст Увеличенный текст
Увеличенный текст
Увеличенный текст
Увеличенный текст Цветной текст

Синтаксис (на примере):
Красный
Зелёный
Синий
Циан
Пурпурный
Жёлтый
Чёрный (по умолчанию)
Фиолетовый
Оливковый
Бирюзовый
Фуксия
Серый
Ярко-зелёный
Светлокоричневый
Тёмносиний
Яркоголубой Красный
Зелёный
Синий
Циан
Пурпурный
Жёлтый
Чёрный (по умолчанию)
Фиолетовый
Оливковый
Бирюзовый
Фуксия
Серый
Ярко-зелёный
Светлокоричневый
Тёмносиний
Яркоголубой Цитата

Синтаксис (на примере):

Юстас - Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД.

Юстас - Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД.
Списки

Синтаксис (на примере):

Первый

Второй

Третий

Первый

Второй

Третий

Подробнее о списках тут. Бегущие текст и объекты

Синтаксис (точный):

Создается бегущая строка текста. Возможны следующие атрибуты:
align - задаётся позиция бегущей строки по вертикали относительно текста, в котором она расположена: вверху (top), посередине (middle) или внизу (bottom).
behavior - стиль бегущей строки определяется как alternate (меняет направление, дойдя до границы), scroll (побуквенно исчезает, дойдя до границы и так же появляется с другой стороны, мгновенно начинает движение снова) или slide (мгновенно начинает движение снова, дойдя до границы).
bgcolor - задаётся цвет (либо названием либо цифрами).
direction - задаётся направление прокрутки текста: справа налево (left), слева направо (right), снизу вверх (up) и сверху вниз (down).
height - высота (в пикселях) зоны бегущей строки.
hspace - размещение слева и справа от бегущей строки областей свободного пространства (в пикселях).
loop - установка числа повторов анимации бегущей строки; значение может быть целым или infinite (бесконечно; по умолчанию именно так).
scrollamount - задаётся размер (в пикселях) области смещения текста при каждой операции прокрутки, фактически, тут речь про скорость прокрутки.
scrolldelay - указывается задержка (в миллисекундах) между последовательными смещениями текста бегущей строки.
vspace - задаётся размещение над бегущей строкой и под ней областей свободного пространства заданной высоты (в пикселях).
width - задаётся ширина зоны бегущей строки (в пикселях).

Пример:
Гарри, куда ты гонишь?

Чтобы всё было без лишних заморочек, синтаксиса в точном виде хватает для большинства случаев (картинка с надписью NEW в ячейке справа «обработана» этим тэгом в точном синтаксисе). Гарри, куда ты гонишь?

Линейка

Синтаксис (точный):

Возможные атрибуты:
width - определяет длину линии в пикселах или процентах от ширины окна браузера.
size - определяет толщину линии в пикселах.
align - определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:

left - выравнивание по левому краю документа.

right - выравнивание по правому краю документа.

center - выравнивание по центру документа (используется по умолчанию).
noshade - определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
color - определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Работает только в Internet Explorer, поэтому лучше его не использовать. Для примера ставлю линейку сверху и снизу. Надстрочный и подстрочный индексы

Синтаксис (на примерах): a²+b²=c² 2H₂+O₂=2H₂O

a2+b2=c2
2H2+O2=2H2O
Об этом писал Вяземский 1.

1 См. Собр. соч. Т. 1. Неразрывный пробел

Синтаксис (точный): Результатом будет то, что длинная строка текста, в которую вы вставите этот тэг, будет идти без форматирования её в виде нескольких строк абзаца, т. е. будет требовать от браузера скроллить её. Пример-результат показывать тут не буду, иначе из-за этого одного тэга вся таблица «уедет». Создание «недействующего» линка

Синтаксис (на примерах): <Ваш код>
Подробнее.

Ваш код
Подробнее.

Ваш код

Подробнее.

Ваш код
<br />
<a class="external" href="http://dtmf.h12.ru/h/textarea.html">Подробнее.</a>
<Ваш код> <br /><br /> Ваш код <br /><br /> Ваш код
Ваш код <br /><br /> Иногда надо указывать линк на какие-либо страницы или сайты, но нужно, чтобы эти линки не открывались при нажатии мышкой на этот линк, то есть, строка с линком должна выглядеть обычным текстом. Ещё это важно, когда нужно какой-то текст заключить в угловые скобки, например, для того, чтобы написать кому-то правильный html-код, не объясняя, что «ты там тока прабелы убири, а то я ниасилил эту байду». Слева указан набор способов изящно обойти эти проблемы.

Спецсимволы и ударения <br /><br /> Как мне было  <a href="/read/user/ansate/29741/comments/756269#comments">сказано</a>, ударения работают криво, поэтому, рекомендую ими пользоваться с осторожностью.

От <strong class="lj-user"><a href="/read/user/dtmf_1">dtmf_1</a></strong> - <a class="external" href="http://dtmf.h12.ru/h/specialchars.html">линк на страницу с кодами символов для html</a>, в том числе их юникодные значения. Слева мегакраткая выдержка оттуда, касаемая ударных гласных в русском языке для ипользования в html плюс ещё несколько используемых часто знаков.

Мелочи

Если из Избранного не удаляется запись <br /><br /> Перейдите в меморизы на страницу, где можно редактировать этот элемент меморизов, и в строку адреса браузера добавьте &multidelete=1, у элемента появится место, чтобы поставить галку, пымкайте в неё, и со счастливой улыбкой удаляйте.

Учебники по html <br /><br /> <a class="external" href="http://postroika.ru/html/">http://postroika.ru/html/</a> или <a class="external" href="http://postroika.ru/allsteps.zip">скачать в архиве</a>.
<br />
<a class="external" href="http://dtmf.h12.ru/h/">http://dtmf.h12.ru/h/</a>
<br />
<a class="external" href="http://home.tele2.fr/akvarelki/HTML/index.html">http://home.tele2.fr/akvarelki/HTML/index.html</a>
<br />
<a class="external" href="http://html.krsk.ru/">http://html.krsk.ru/</a>
<br />
<a class="external" href="http://fio.ifmo.ru/internet/html/">http://fio.ifmo.ru/internet/html/</a>
<br />
 <a href="/read/user/howto/17028">lj: Инструкция по работе с текстом</a>
<br />
 <a href="/read/user/howto/28475">lj: Краткая таблица цветов</a>
<br />
 <a href="/read/user/howto/24298">lj: Что можно сотворить с отдельными словами</a>

Как сделать? <br /><br /> <a class="external" href="http://postroika.ru/html/21step2.html">Таблицы</a>
<br />
<a class="external" href="http://postroika.ru/html/17step2.html">Навигационные карты</a>
<br />
<a class="external" href="http://postroika.ru/html/47step2.html">Формы</a>
<br />
<a class="external" href="http://dtmf.h12.ru/h/textblocks.html">Текстовые блоки</a>

Хостинги картинок <br /><br /> <a href="/read/user/ansate/29741/comments/96301#comments">Читать коммент</a>
<br />
 <a href="/read/user/ansate/29741/comments/106029#comments">Читать коммент</a>

Поисковая форма <br /><br /> <form name="web" class="search" action="<a href="http://blogs.yandex.ru/search.xml" class="external">http://blogs.yandex.ru/search.xml</a>"><input type="hidden" name="how" value="tm"><input type="hidden" name="rd" value="2"><input type="hidden" name="server" value="livejournal.com"><input type="hidden" name="charset" value="utf-8"><input type="hidden" name="no_group" value="1">Искать: <input type="text" name="text" value=""> у лжеюзера: <input type="text" name="author" value="ansate"><input type="submit" value="Найти"></form>

Слова Искать:, у лжеюзера: и Найти можно заменить на свои. Например, Поиск, в блоге и Фас, казяффка!. Ну и мой ник из формы замените на свой. Когда будете вставлять заточенную под себя форму, предварительно залогинившись в ЖЖ, в <a class="external" href="http://www.livejournal.com/manage/profile/">режиме редактирования инфопейджа</a>, убедитесь, что вся последовательность формы идёт одной строкой.

Ещё несколько кодов,
<br />разрешённых в ЖЖ-подобных системах <br /><br /> Эти коды менее часто используются, поэтому пока не расписываю их подробно. Часть из них была использована в примерах выше. <br /><br /> , , , , , , <br />, , <code>, <abbr>, <acronym>, <address>, <bdo>, <blink>, <col>, <colgroup>, <dfn>, <ins>, <q>, <tbody>, <tfoot>, <thead>, <tt></code></td>
</tr>
<tr bgcolor="#f6ffe4">
<td align="left" valign="top" colspan="2"><span style="color: #ffffff; background-color: #669966;"><strong>Псевдо-почта</strong></span> <br /><br /> Псевдо-почта быстро делается путём создания записи с датой из будущего и включением галки backdate entry. После этого, запись висит вверху блога и не видна из фройндленты. Но есть более корректный <a href="<a href="/read/user/elkind/59969" class="external">http://elkind.livejournal.com/59969.html</a>" title="Грамотная псевдо-почта">способ</a> (работает только в S1).
</td>
</tr>
<tr bgcolor="#f6ffe4">
<td align="left" valign="top" colspan="2"><span style="color: #ffffff; background-color: #669966;"><strong>Записи, с которых <em>надо</em> изучать ЖЖ</strong></span> <br /><br /> <a href="<a href="/read/user/aradan/213678" class="external">http://aradan.livejournal.com/213678.html</a>" title="Полезные ссылки на ЖЖ ресурсы…">Полезные ссылки на ЖЖ ресурсы…</a></td>
</tr>
<tr bgcolor="#f6ffe4">
<td align="left" valign="top" colspan="2"><span style="color: #ffffff; background-color: #669966;"><strong>Несколько полезных линков</strong></span> <br /><br /> <a href="<a href="http://4lj.mivlad.net/" class="external">http://4lj.mivlad.net/</a>" title="Мейлоответчик">Сервис ответов по e-mail</a>
<br>
<a href="<a href="/read/user/rumantick/73563" class="external">http://rumantick.livejournal.com/73563.html</a>" title="Треддер">Разворачиватель тредов (Румантик)</a>
<br>
<a href="<a href="http://www.livejournal.com/tools/recent_comments.bml" class="external">http://www.livejournal.com/tools/recent_comments.bml</a>" title="Реценты">Список последних комментариев</a>
<br>
<a href="<a href="http://blogs.yandex.ru/advanced.xml" class="external">http://blogs.yandex.ru/advanced.xml</a>" title="Блогояндекс">Поисковик</a>
<br>
<a href="<a href="http://lj.com.ru/" class="external">http://lj.com.ru/</a>" title="Можно найти все коммьюнити">Список сообществ</a>
<br>
<a href="<a href="http://www.livejournal.com/export.bml" class="external">http://www.livejournal.com/export.bml</a>" title="Сохранить свой блог">Экспорт вашего блога</a>
<br>
<code><a href="/read/user/YOUR_USERNAME/tag/" class="external">http://YOUR_USERNAME.livejournal.com/tag/</a></code> - замените YOUR_USERNAME на ваш ник и вы увидите список ваших меток.
<br>
<a href="<a href="http://www.artlebedev.ru/tools/typograf/" class="external">http://www.artlebedev.ru/tools/typograf/</a>" title="Подготовишка текста для сети">Типограф</a></td>
</tr>
</table></lj-cut>
        </div>
    
    
        <p class="item-tags">
            
                <a href="http://m.livejournal.com/read/user/zbarassky/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/zbarassky/29741/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/zbarassky/29741/comments#comments">Read comments 581</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/zbarassky/6565">Previous post</a>
                    
                </td>
                <td class="paging-next">
                    
                    <a href="http://m.livejournal.com/read/user/zbarassky/515155">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://zbarassky.livejournal.com/29741.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/zbarassky/29741">
                    <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/594398';
                </script>
                <noscript>
                    <img src="//www.tns-counter.ru/V13a****sup_ru/ru/CP1251/tmsec=lj_mob/594398" 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>