Brenik (brenik) wrote,
Brenik
brenik

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

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

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




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





Пример:


Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков <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 на ваш ник и вы увидите список ваших меток.


Типограф

Оригинал взят у [info]ansate в Тэги для записей в ЖЖ…




Читайте также:
Вернуться
HotLog
Rambler's Top100
Tags: ЖЖ
Subscribe
promo brenik december 31, 2016 23:09 60
Buy for 100 tokens
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 2 comments