Станислав Збарасский (zbarassky) wrote,
Станислав Збарасский
zbarassky

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

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

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

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

Пример:
Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков <lj-cut text="не является честным человеком">Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.</lj-cut>

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

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

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

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

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

Синтаксис (на примере):
[info]username или [info]commname

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


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

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

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

Синтаксис (на примере):
айПод

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

Синтаксис (на примере):
Иконка NEW — эта картинка с надписью 'NEW' «ведёт» на эту же запись.

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

Синтаксис (на примере):
Иконка NEW — в ячейке выше см. про тэги.
Выключка объектов и текста

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




Обычно, используется выключка влево (она делается по умолчанию), либо по центру. Для быстрого и упрощённого центрирования картинок или текста используйте тэги <center></center>, заключая между ними ваши картинки или слова/абзацы.
Иконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEWИконка NEW
Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.


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


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


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

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

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

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

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

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

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

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

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

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



Увеличенный текст
Увеличенный текст
Увеличенный текст
Увеличенный текст
Цветной текст

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















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

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

Синтаксис (на примере):
  • Первый
  • Второй
  • Третий

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

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

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

    Пример:


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

    Иконка NEW
    Линейка

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

    Возможные атрибуты:
    width — определяет длину линии в пикселах или процентах от ширины окна браузера.
    size — определяет толщину линии в пикселах.
    align — определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:
  • left — выравнивание по левому краю документа.
  • right — выравнивание по правому краю документа.
  • center — выравнивание по центру документа (используется по умолчанию).
    noshade — определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
    color — определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Работает только в Internet Explorer, поэтому лучше его не использовать.

  • Для примера ставлю линейку сверху и снизу.
    Надстрочный и подстрочный индексы

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

    Как сделать настоящую гиперсноску

    В «боевых» условиях гиперсноску можно наблюдать в записи «Гиммлер и печник», к примеру.
    a2+b2=c2
    2H2+O2=2H2O
    Об этом писал Вяземский1.













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

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

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


    Подробнее.


    Подробнее.


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

    Ваш код
    Ваш код


    Иногда надо указывать линк на какие-либо страницы или сайты, но нужно, чтобы эти линки не открывались при нажатии мышкой на этот линк, то есть, строка с линком должна выглядеть обычным текстом. Ещё это важно, когда нужно какой-то текст заключить в угловые скобки, например, для того, чтобы написать кому-то правильный html-код, не объясняя, что «ты там тока прабелы убири, а то я ниасилил эту байду». Слева указан набор способов изящно обойти эти проблемы.
    Спецсимволы и ударения
    Некоторые спецсимволы&#161; — ¡ (перевёрнутый ВЗ)
    &#167; — § (параграф)
    &#169; — © (копирайт)
    &#171; — « (левая двойная кавычка)
    &#174; — ® (знак регистрации)
    &#176; — ° (градус)
    &#177; — ± (плюс-минус)
    &#187; — » (правая двойная кавычка)
    &#191; — ¿ (перевёрнутый ВЗ)
    &#215; — × (умножение)
    &#241; — ñ («н» с тильдой)
    &#8226; — • (жирная точка; буллет)
    &#8230; — … (троеточие)
    &#8482; — ™ (трейдмарк)
    &#8709; — ∅ (диаметр)
    &#8721; — ∑ (сумма)

    Ударные гласные&#225; — á
    &#193; — Á
    &#233; — é
    &#201; — É
    &#243; — ó
    &#211; — Ó
    &#250; — ú
    &#253; — ý

    Ударяем, где хотим

    Что́бы поста́вить ударе́ние, ну́жно мно́го сде́лать.
    Над примером точная схема расстановки ударения для шрифта без засечек, который вы, возможно, используете в своём ЖЖ.



    Что́бы поста́вить ударе́ние, ну́жно мно́го сде́лать.
    Над примером точная схема расстановки ударения для шрифта с засечками, который вы, возможно, используете в своём ЖЖ.

    Как мне было сказано, ударения работают криво, поэтому, рекомендую ими пользоваться с осторожностью.
    От dtmf_1линк на страницу с кодами символов для html, в том числе их юникодные значения. Слева мегакраткая выдержка оттуда, касаемая ударных гласных в русском языке для ипользования в html плюс ещё несколько используемых часто знаков.
    Мелочи
    Если из Избранного не удаляется запись

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

    http://postroika.ru/html/ или скачать в архиве.
    http://dtmf.h12.ru/h/
    http://home.tele2.fr/akvarelki/HTML/index.html
    http://html.krsk.ru/
    http://fio.ifmo.ru/internet/html/
    lj: Инструкция по работе с текстом
    lj: Краткая таблица цветов
    lj: Что можно сотворить с отдельными словами
    Как сделать?

    Таблицы
    Навигационные карты
    Формы
    Текстовые блоки
    Хостинги картинок

    Читать коммент
    Читать коммент
    Поисковая форма

    Искать:

    у лжеюзера:

    Слова Искать:, у лжеюзера: и Найти можно заменить на свои. Например, Поиск, в блоге и Фас, казяффка!. Ну и мой ник из формы замените на свой. Когда будете вставлять заточенную под себя форму, предварительно залогинившись в ЖЖ, в режиме редактирования инфопейджа, убедитесь, что вся последовательность формы идёт одной строкой.
    Ещё несколько кодов,
    разрешённых в ЖЖ-подобных системах


    Эти коды менее часто используются, поэтому пока не расписываю их подробно. Часть из них была использована в примерах выше.
    <p>, <span>, <cite>, <kbd>, <samp>, <var>, <pre>, <textarea>, <code>, <abbr>, <acronym>, <address>, <bdo>, <blink>, <col>, <colgroup>, <dfn>, <ins>, <q>, <tbody>, <tfoot>, <thead>, <tt>
    Псевдо-почта

    Псевдо-почта быстро делается путём создания записи с датой из будущего и включением галки backdate entry. После этого, запись висит вверху блога и не видна из фройндленты. Но есть более корректный способ (работает только в S1).
    Записи, с которых надо изучать ЖЖ

    Полезные ссылки на ЖЖ ресурсы…
    Несколько полезных линков

    Сервис ответов по e-mail
    Разворачиватель тредов (Румантик)
    Список последних комментариев
    Поисковик
    Список сообществ
    Экспорт вашего блога
    http://YOUR_USERNAME.livejournal.com/tag/ — замените YOUR_USERNAME на ваш ник и вы увидите список ваших меток.
    Типограф
    Tags: жж
    • Post a new comment

      Error

      Anonymous comments are disabled in this journal

      default userpic

      Your IP address will be recorded 

    • 585 comments
    Previous
    ← Ctrl ← Alt
    Next
    Ctrl → Alt →
    Previous
    ← Ctrl ← Alt
    Next
    Ctrl → Alt →