Home

Advertisement

Customize
May 2009   01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Шпаргалка по тегам ЖЖ

Posted on 2009.03.24 at 10:18
Оформляем свою страничку

Все теги ставятся в блог copy-paste‘ом
(В режиме “HTML”, а не “Визуальный редактор”)


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

Перечёркнутый текст: ТЕКСТ

Подчёркнутый текст: ТЕКСТ

Полужирный текст: ТЕКСТ

Полужирный крупный: ТЕКСТ

Курсивный текст: ТЕКСТ

Маленький текст: текст

Неразрывный пробел:

Центрирование:

текст (картинка) по центру


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

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

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

Бегущая строка (рекомендую спец. страничку Бегущая строка):
бегущая, как олень, строка

Вместо текста можно вставить картинку:

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

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТсноска

Сноска внизу: ТЕКСТсноска

Линия:


ее код:
Ударение:
Cтавим после нужной буквы:

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):
Я
  Пешу
       Лесинкой!!!

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2

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

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

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

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

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст

ЖЕЛТЫЙ: желтый текст

ФИОЛЕТОВЫЙ: фиолетовый текст

ЗЕЛЕНЫЙ: зеленый текст

СИНИЙ: синий текст

ФУКСИЯ: фуксия текст

Таблица “базовых” цветов (ставим “Имя” или “Код”):


ИмяКодИмяКодИмяКодИмяКод
aqua#00FFFFgreen#008000navy#000080silver#C0C0C0
black#000000grey#808080olive#808000teal#008080
blue#0000FFlime#00FF00purple#800080white#FFFFFF
fuchsia#FF00FFmaroon#800000red#FF0000yellow#FFFF00


ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”

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

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

Как вставить ссылку на веб-страницу:

Как сделать, чтобы картинка была ссылкой на веб-страницу:

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:


Специальные теги ЖЖ:

Элементарный жж-кат (с “Read more”):

жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:

ВНИМАНИЕ: Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale

Сссылка на сообщество, например: aforism
делается точно так же:

Аналогично делается и ссылка на жж-трансляцию.
Если надо так:wildmale
или так: comm - идем СЮДА

Как вместо wildmale написать Дикий самец

Ежели надо с “человечком”: Дикий самец:

Скопировав код, не забудьте поменять мои реквизиты на свои
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:


Публикация картинок (в ЖЖ и не только):

1.Открываешь ljplus.ru (есть и другие хостинги, но новичку лучше сюда)
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь “Просто картинка” или “Картинка под катом” в поле поста или каммента
5. Постишь. Ждешь каменты.

Прим.: в каменты картинки ставятся также, но кат не работает.

Советы по публикации картинок

Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:…" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:
<img src="http:…" align=left hspace=20 vspace=15>

Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br><br><br> - три пустые строки.

Вставить две и более картинки горизонтально:
- все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:  &nbsp;
Расстояние, равное 8 пробелам будет выглядеть так:

Вставляется меж кодов картинок, есс-но

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"
(для текста с пробелами - кавычки обязательны!)

Если надо цветную рамку , добавьте в код картинки: - задана красная рамка толщиной 5 пикселей

Чтоб быстро вставить картинку с другого сайта, вставьте в пост:

затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в свой код меж кавычек

slide.com - очень понравился этот сервис. Можно использовать как хостинг картинок, для презентаций фоток и галерей в виде слайдшоу. Можно красиво выкладывать видео с youtube. Еще куча фенечек (рамочки, эффекты). Короче, заботливый и гостеприимный сайт. Главное, понятен, быстро бегает и с ЖЖ дружит, несмотря на Flash.
 

Окошечко для вставки кода, типа:

получаем так:

где rows и cols определяют площадь окна

Можно сделать это окошечко покрасивше:

Кнопка-ссылка на веб-страничку
 <form action="http://ваша страничка" target="_blank" method="get"><input type="submit" value="страничка"></form>

Некоторые спецсимволы:

Спецсимвол Вид в браузере
&lt; <
&gt; >
&amp; &
&quot; "
&reg; ®
&trade;
&copy; ©
&hearts;
&times; ×
&asymp;
&bull;
&deg; °
(градус)
много символов

 

Фотохостинги
не все (их много развелось), более-менее знакомые:

Видеохостинги
вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:

Файлообменники
выложить друзьям файлы mp3, rar, zip и др. можно на:

 




Previous Entry  Next Entry  

Advertisement

Customize