New: Добавлена страница On-line сервисы

---

Все теги можно ставить в блог copy-paste‘ом

---

HTML-теги, работающие на любой web-страничке:


Оформление текста

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

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

<s> ваш текст </s>

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

<u> ваш текст </u>

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

<b> ваш текст </b>

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

<big> ваш текст </big>

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

<i> ваш текст </i>

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

<small> ваш текст </small>

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

 

Расстояние в 8 пробелов (между словами, картинками и т.д.):

       

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

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

<center>ваш текст (картинка) </center>

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

<div align="right"> ваш текст </div>

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

<div align="justify"> ваш текст </div>

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

<blockquote> текст </blockquote>

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

бегущая, как олень, строка

<marquee> ваша бегущая строка</marquee>

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



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

<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee>

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

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

^{ваша сноска}

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

_{ваша сноска}

Линия:

---

ее код:<hr />

Ударение:

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

́

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

Я

  Пешу

       Лесинкой!!!

ваш текст

РАЗМЕР ШРИФТА:

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

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

<font size="+1"> увеличить текст на 1 пункт </font>

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

<font size="+2"> увеличить текст на 2 пункта </font>

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

<font size="+3"> увеличить текст на 3 пункта </font>

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

<font size="+4"> увеличить текст на 4 пункта </font>

ЦВЕТ ШРИФТА:

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

<font color="red"> красный текст </font>

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

<font color="yellow"> желтый текст </font>

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

<font color="purple"> фиолетовый текст </font>

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

<font color="lime"> зеленый текст </font>

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

<font color="navy"> синий текст </font>

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

<font color="fuchsia"> фуксия текст </font>

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

Имя	Код	Имя	Код	Имя	Код	Имя	Код
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	grey	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

• ТАБЛИЦА БЕЗОПАСНЫХ ЦВЕТОВ (код ставите вместо названия)
  
• ВСЕ ЦВЕТА ИНТЕРНЕТА (выбрав цвет, кликаете, и полученный код ставите в font color=”…”)

ВИД ШРИФТА:

Шрифт этого текста “Monotype Corsiva”

<font face="Monotype Corsiva"> текст </font>

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:

Шрифт этого текста “Monotype Corsiva”

код этого текста:

<font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

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

Как вставить ссылку на веб-страницу:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

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

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>

Специальные теги блогсервиса ЖЖ:

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

ТЕКСТ

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

ТЕКСТ

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

<lj user="wildmale"></lj>

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

делается точно так же:

<lj user="aforism"></lj>

Аналогично делается и ссылка на жж-трансляцию.

Если надо так:wildmale

или так: comm - идем СЮДА

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

<a> Дикий самец</a>

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

cкопируйте след. код (не забыв заменить “wildmale” (в двух местах) и “Дикий самец” на свое):

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.livejournal.com/userinfo.bml?user=wildmale"><img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" align="absmiddle" width="17" /></a><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://wildmale.livejournal.com">Дикий самец</a></b>

Скопировав этот код, не забывайте, плиз, менять мои реквизиты на свои.

Вставка МЕДИА-файлов:

Видео, флеш и проч. в ЖЖ вставляются так:

код вашей вставки

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

1.Открываешь ljplus.ru - (есть и другие хостинги, но новичку лучше сюда)

2. Регистрируешься

3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!

4.Смотришь на HTML-коды и копируешь “Просто картинка” или “Картинка под катом” в поле поста или коммента

5. Постишь. Ждешь комментов. Много комментов.

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

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

Как сделать, чтобы текст «обтекал» картинку?



Легко - картинка слева, текст справа:

добавляем в код картинки:

align=left hspace=20
Код картинки примет вид:


Помни:

align=left – картинка слева, текст справа

align=right - картинка справа, текст слева

hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали

Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:

Прекратить обтекание и вернуть текст под картинку можно тэгом


Закрывать не надо, он работает один.

---

выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.




- три пустые строки.

Обратен ему по действию тег :

<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

---

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

(если текст с пробелами, из нескольких слов - кавычки обязательны!)

Если надо цветную рамку, добавьте в код картинки: style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей

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

ВАШ КОД

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

<textarea rows="2" cols="60"> ВАШ КОД

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

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

<textarea>ВАШ КОД

<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ

Кнопка-ссылка на веб-страничку

Например, на эту:

<form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://htmlka.com" target="_blank" method="get"><input type="submit" value="htmlka" /><input type=hidden name=tok value=cb9591d8a0e08d660d22ab730d0022ed /></form>

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

Спецсимвол	Вид в браузере
<	<
>	>
&	&
"	"
®	®
™	™
©	©
♥	♥
×	×
±	±
≈	≈
•	•
½	½
¾	¾
°	° (градус)
много символов

Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть “Прочие” спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов

Фотохостинги

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

• gallery.ru
  
• imagebam.com
  
• xmages.net
  
• imageshack.us
  
• keep4u.ru
  
• tinypic.com
  
• flamber.ru
  
• foto.radikal.ru
  
• photobucket.com

Видеохостинги

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

• youtube.com
  
• ru.youtube.com
  
• rutube.ru
  
• smotri.com
  
• myvi.ru

Файлообменники

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

• box.net/lite
  
• sendspace.com
  
• fileqube.com
  
• wikiupload.com
  
• files.to
  
• zalil.ru
  
• megaupload.com/ru/
  
• ibox.org.ua - новый любопытный сервис

Он-лайн аудио-плееры

Быстро вставить мр3 с компа и послушать он-лайн - boomp3.com (регистрации не требует, работает и в Opera):







Другие плееры, с наворотами:

imeem.com (инструкция)

ijigg.com (инструкция)

бонус:

turbomp3.ru - классный поисковик по mp3-файлам

Полезно почитать:

Про счетчики (для ЖЖ и не только)

Советы по работе с кодами

---

В начало ↑

Запись опубликована
20.02.2008 в 15:27 в следующих рубриках: БЛОГ.
Вы можете отслеживать обсуждение записи, используя ленту RSS 2.0.

Вы можете оставить комментарий, или трекбек с Вашего сайта.