FAQ по HTML-тэгам для моих френдов
меня частенько спрашивают, а как в ЖЖ написать так, а как эдак, решил я стартовать небольшой FAQ (ЧаВо) для того, чтобы меня реже дергали ;)
Руководство по HTML (английский)
Оглавление ЧаВо
Всевозможные шрифты
Аттрибуты шрифта:
полужирный
курсив
подчеркнутый
зачеркнутый
Размер шрифта:
больше
меньше
Гарнитура:
другой шрифт
Цвет текста:
#ff0000">другой цвет
red">другой цвет
Цвета можно поглядеть тут
в мемориз!
Оглавление
Форматирование
выключка влево
выключка вправо
выключка по центру
еще один вариант по центру
выключка по правому и левому полям
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Списки:
Маркированый список
Нумерованный список
в мемориз!
Оглавление
Картинки
e.g.:
чтобы появлялся текст над картинкой, когда пользователь проводит мышкой над картинкой, делаем вот так:
alt='нет картинки ни хера'>
для того, чтобы картинка была слева, а текст обтекал картинку справа, делаем то, что выделено красным полужирным курсивом:
![]()
style="float:left" src="http://www.ljplus.ru/img/z/m/zmij_r/404.gif">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
для того, чтобы картинка была справа, а текст обтекал картинку слева, делаем то, что выделено красным полужирным курсивом:
![]()
style="float:right" src="http://www.ljplus.ru/img/z/m/zmij_r/404.gif">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
в мемориз!
Оглавление
Ссылки
текст ссылки
target='blank'>текст ссылки, которая окроется в новом окне броузера
вместо текста ссылки можно использовать картинки
e.g.:
чтобы вокруг картинки не появлялась рамочка, добавляем то, что ниже выделено красным полужирным курсивом:
![]()
border=0 src='http://www.ljplus.ru/img/z/m/zmij_r/404.gif'>
в мемориз!
Оглавление
Особые теги ЖЖ
Вообще они описаны в FAQ по ЖЖ, но все же напишу здесь, может у меня доходчивей получится.
lj-cut
Есть в ЖЖ такая штука, кат (lj-cut) называется. Предназначена эта штука для того, чтобы объеммный текст или большие картинки не появлялись в ленте. Надо уважать своих друзей ;) и не заставлять их читать все плоды своих графоманских потуг, если заинтересуются - зайдут под кат и прочитают. Итак, делается это следущим образом:
Первый абзац (необязателно), потом пишем остальной немеряный текст/картинки блаблабла
По умолчанию в ленте появляется ссылка с надписью "Read More". Если вы хотите, чтобы текст был другим, напишите text="Ваш текст">
ЖЖ-катов в одном посте может быть несколько (e.g. как в этом), но когда на них щелкают, пост отображается целиком.
lj user
для того, чтобы в посте/комменте помянуть всуе другого юзера (ну или себя любимого) пишем:
имя_пользователя,
e. g.zmij_r в результате дает: zmij_r
если мы хотим кинуть стрелу на коммьюнити, вместо имени пользователя пишем название коммьюнити.
e. g.tusoffka, получаем: tusoffka
Особые URL-адреса для ЖЖ
кроме вышеперечисленных ЖЖ-тегов, вы можете в качестве адреса cсылки написать что-нибудь вида lj://user/имя_пользователя
e. g.zmij® превратится в ссылку на журнал юзера zmij_r, zmij®, то есть таки образом вы можете обзывать пользователя как угодно в виде очень страшное ругательство
таким же образом можно написать туса, получив ссылку на журнал коммьюнити tusoffka в виде туса
к этим адресам можно приписать еще что нибудь, например /info,
e. g. пра змия станет ссылкой на инфо о пользователе (пра змия)
ну... по аналогии: змииная френдлента будет ссылкой на френдленту zmij_r (змииная френдлента)
еще очень удобно отсылать народ в faq. ЧаВо ( ЧаВо) отошлет читателей в основной раздел faq, можно еще уточнить номер раздела ЧаВо - вопрос №75 ( ЧаВо - вопрос №75)
lj-raw
этот тег предназначен, для того, чтобы внутри него отключить автоформатирование поста. но уж если вы отключаете афтоформатирование, то эти ЧаВо вам не нужны ;)
в мемориз!
Оглавление
Как вставить видео в пост
http://www.youtube.com/watch?v=BjClJjN2jcQ
в мемориз!
Оглавление
PS. горизонтальная полосочка
PPS. если вы хотите узнать "а как сделать это" - спрашивайте.
Руководство по HTML (английский)
Оглавление ЧаВо
Всевозможные шрифты
Аттрибуты шрифта:
полужирный
курсив
подчеркнутый
зачеркнутый
Размер шрифта:
больше
меньше
Гарнитура:
другой шрифт
Цвет текста:
#ff0000">другой цвет
red">другой цвет
Цвета можно поглядеть тут
в мемориз!
Оглавление
Форматирование
выключка влево
выключка вправо
выключка по центру
еще один вариант по центру
выключка по правому и левому полям
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Списки:
Маркированый список
- пункт 1
- пункт 2
- пункт 3
пункт 4
пункт 5
Нумерованный список
- пункт 1
- пункт 2
- пункт 3
пункт 4
пункт 5
в мемориз!
Оглавление
Картинки
e.g.:
чтобы появлялся текст над картинкой, когда пользователь проводит мышкой над картинкой, делаем вот так:
alt='нет картинки ни хера'>
для того, чтобы картинка была слева, а текст обтекал картинку справа, делаем то, что выделено красным полужирным курсивом:
style="float:left" src="http://www.ljplus.ru/img/z/m/zmij_r/404.gif">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
для того, чтобы картинка была справа, а текст обтекал картинку слева, делаем то, что выделено красным полужирным курсивом:
style="float:right" src="http://www.ljplus.ru/img/z/m/zmij_r/404.gif">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Crasquis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
в мемориз!
Оглавление
Ссылки
текст ссылки
target='blank'>текст ссылки, которая окроется в новом окне броузера
вместо текста ссылки можно использовать картинки
e.g.:
чтобы вокруг картинки не появлялась рамочка, добавляем то, что ниже выделено красным полужирным курсивом:
border=0 src='http://www.ljplus.ru/img/z/m/zmij_r/404.gif'>
в мемориз!
Оглавление
Особые теги ЖЖ
Вообще они описаны в FAQ по ЖЖ, но все же напишу здесь, может у меня доходчивей получится.
lj-cut
Есть в ЖЖ такая штука, кат (lj-cut) называется. Предназначена эта штука для того, чтобы объеммный текст или большие картинки не появлялись в ленте. Надо уважать своих друзей ;) и не заставлять их читать все плоды своих графоманских потуг, если заинтересуются - зайдут под кат и прочитают. Итак, делается это следущим образом:
Первый абзац (необязателно), потом пишем остальной немеряный текст/картинки блаблабла
По умолчанию в ленте появляется ссылка с надписью "Read More". Если вы хотите, чтобы текст был другим, напишите text="Ваш текст">
ЖЖ-катов в одном посте может быть несколько (e.g. как в этом), но когда на них щелкают, пост отображается целиком.
lj user
для того, чтобы в посте/комменте помянуть всуе другого юзера (ну или себя любимого) пишем:
имя_пользователя,
e. g.zmij_r в результате дает: zmij_r
если мы хотим кинуть стрелу на коммьюнити, вместо имени пользователя пишем название коммьюнити.
e. g.tusoffka, получаем: tusoffka
Особые URL-адреса для ЖЖ
кроме вышеперечисленных ЖЖ-тегов, вы можете в качестве адреса cсылки написать что-нибудь вида lj://user/имя_пользователя
e. g.zmij® превратится в ссылку на журнал юзера zmij_r, zmij®, то есть таки образом вы можете обзывать пользователя как угодно в виде очень страшное ругательство
таким же образом можно написать туса, получив ссылку на журнал коммьюнити tusoffka в виде туса
к этим адресам можно приписать еще что нибудь, например /info,
e. g. пра змия станет ссылкой на инфо о пользователе (пра змия)
ну... по аналогии: змииная френдлента будет ссылкой на френдленту zmij_r (змииная френдлента)
еще очень удобно отсылать народ в faq. ЧаВо ( ЧаВо) отошлет читателей в основной раздел faq, можно еще уточнить номер раздела ЧаВо - вопрос №75 ( ЧаВо - вопрос №75)
lj-raw
этот тег предназначен, для того, чтобы внутри него отключить автоформатирование поста. но уж если вы отключаете афтоформатирование, то эти ЧаВо вам не нужны ;)
в мемориз!
Оглавление
Как вставить видео в пост
- Загружаем свой ролик на www.youtube.com и иже с ними.
Находим адрес ролика. (На ЁТубе - рядом с окошком плеера, там жирно написано URL)
В посте пишем найденный адрес
Продаем попкорн зрителям.
http://www.youtube.com/watch?v=BjClJjN2jcQ
в мемориз!
Оглавление
PS. горизонтальная полосочка
PPS. если вы хотите узнать "а как сделать это" - спрашивайте.