Кликнув на счетчик Вы можете получить HTML код счетчика и установить у себя   [показать]

---

 
Все теги ставятся в блог копированием и переносом кода

(В режиме “HTML”, а не “с оформлением”)

---

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

&nbsp;

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

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

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

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

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

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

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

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

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

Бегущая строка (варианты см. в конце поста)

бегущая быстро

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

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

[показать]

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

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

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

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

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

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

Линия:

---

ее код:<hr>

Ударение:

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

&#769;

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

Я
  Пешу
       Лесинкой!!!

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

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

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

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

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

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

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

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

Увеличить текст на 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	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

• Посмотреть сочетаемость цветов
   
• Таблица безопасных цветов
   
• Все цвета Интернета
  

  ВИД ШРИФТА:
  
  Шрифт этого текста “Monotype Corsiva”
  
  <font face="Monotype Corsiva"> текст </font>
  
  Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
  
  Шрифт этого текста “Monotype Corsiva”
  
  код этого текста:
  
  <font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

  
  

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

  
  

  Как вставить ссылку на веб-страницу:
                                             <a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
  
  Как сделать, чтобы картинка была ссылкой на веб-страницу:
  
  <a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>
  
  Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
  
  <a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>
  
  

  ---

  
  

  [показать]Спец. теги ЖЖ:

  
  

  Элементарный жж-кат (с “Read more”):
  
  <lj-cut> ТЕКСТ </lj-cut>
  
  жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
  
   <lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut>
  
  Работу ката не видно в режиме “ПРОСМОТР”  
  Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так:  wildmale
  
  <lj user="wildmale">
  
  Сссылка на сообщество, например: aforism
  
  делается точно так же:
  
  <lj user="aforism">
  
  Если надо так: [показать]wildmale
  
  или так: [показать]comm - идем СЮДА

  
  

  Вместо wildmale пишем Дикий самец:
  
  <a href="lj://user/wildmale/">Дикий самец</a>
  
  Ежели надо с “человечком”: Дикий самец:
  
  <lj user="wildmale" title="Дикий самец">
  
  Скопировав код, не забудьте поменять реквизиты.
  
  Вставка МЕДИА-файлов:
  
  Видео, флеш и проч.  в ЖЖ вставляются так:
  
  <lj-embed> код вашей вставки</lj-embed>
  
  

  ---

  
  

  Публикация картинок:

  
  

  Код любой картинки в сети в простом варианте выглядит так:
  
  <img src="http://.../...jpg">
  
  Уникальный URL (http://.../...jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
  
  Совсем “чайникам” рекомендую (для ЖЖ):
  
  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> - три пустые строки.

  
  

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

  
  

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

  
  

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

  
  

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

  
  

  Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
  
  <img src="">
  
  затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

  
  

  Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает  изначальную картинку, и если та весила 3МБ, то меньше не станет:)

  
  

  Как запостить галерею? Узнай ЗДЕСЬ
  
  Как запостить слайдшоу? Узнай ЗДЕСЬ
  
   

  ---

  
  Окошечко для вставки кода, типа:
  
  ВАШ КОД
  
  получаем так:
  
  <textarea rows="2" cols="60"> ВАШ КОД </textarea>
  
  где rows и cols определяют площадь окна
  

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

  
  

  <textarea>ВАШ КОД</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%;">КОДЫ </textarea>

  
  

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

  
  
  
   

  <form action="<a href="http://htmlka.com"" target="_blank">http://htmlka.com"</a> target="_blank" method="get"><input type="submit" value="htmlka"></form>

  
  

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

  
  

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

  
  

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

  
  

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

• gallery.ru
   
• imagebam.com
   
• imgur.com
   
• imageshack.us
   
• keep4u.ru
   
• tinypic.com
   
• pict.com
   
• foto.radikal.ru
   
• photobucket.com

   

  
  

  Хостинг для флеш (swf)
   

• megaswf.com
  
  Подробнее про флеш: Вставка Flash

   

  
  

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

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

   

  
  

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

• zalil.ru (50Мб без регистрации, оч простой)
   
• sendspace.com (300Мб без регистрации)
   
• megaupload.com/ru/ (1 Гб без регистрации)
   
• filedropper.com (до 5Гб без регистрации)
   
• wikiupload.com (до 5Гб без регистрации)
   
• narod.yandex.ru (до 5Гб, регистрация)

   

  
  

  Он-лайн аудио-плееры
  
  Вставить mp3 с компа:
  
  
  
  - читайте Вставка Медиа-файлов

  
  

  Полезно:

  
   
• Счетчики статистики (для ЖЖ и не только)
   
• Советы по работе с html
   
• Хитрости в ЖЖ и не только
   
• Как заработать на своем блоге
  
  

  ---

  
  

  Кнопка на этот сайт: [показать]
  
  код для вставки:
  
  
  ЕЩЕ БЕГУЩАЯ СТРОКА
   

  ---

  
  

   

  your running text
  
  <marquee>your running text</marquee>
  

  ---

  
  your running text
  
  <marquee scrollamount="1">your running text</marquee>
  

  ---

  
  your running text
  
  <marquee scrollamount="3">your running text</marquee>
  

  ---

  
  your running text
  
  <marquee scrollamount="30">your running text</marquee>
  

  ---

  
  your running text
  
  <marquee direction="right">your running text</marquee>
  

  ---

  
  your message here
  
  <marquee behavior="alternate">your message here</marquee>
  

  ---

  
  your running text
  
  <marquee height="50" direction="up">your running text</marquee>
  

  ---

  
  your running text
  
  <marquee height="50" direction="down">your running text</marquee>
  

  ---

  
  your message here
  
  <marquee bgcolor="silver">your running text</marquee>
  
  

  ---

  
  your message here
  
  <marquee direction="right" bgcolor="#color" width="300">your running text</marquee>
  

  ---

  
  your running text
  
  <marquee width="100">your running text</marquee>
  

  ---

  
  your running text
  
  <marquee width="100" style="border:2px dotted deeppink ;">your running text</marquee>
  

  ---

  
  your text here
  
  <marquee direction="left" bgcolor="silver" width="300">your text here</marquee>
  
  

  ---

  
  your exciting message hereyour exciting message hereyour exciting message hereyour exciting message here
  

  <marquee bgcolor="pink" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee><marquee bgcolor="silver" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee>

  
  

   

  Останавливаем строку наведением курсора мыши
  

  <marquee onmouseover=this.stop() onmouseout=this.start() >TEXT</marquee>  

  
  

  ---

  
  [показать]
  
  <marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
  

  ---

  
  

   

  [показать]
  
  <marquee direction="right"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>
  

  ---

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

  ---

  
  [показать]
  
  <marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee></marquee>
  
  

  ---

  
  [показать] 
  

  <marquee width=300 height=10 behavior="alternate" style="border:3px solid red ;"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

  
  

  ---

  
  

   

  Flying text
  

  <marquee direction="up" scrollamount="1" height="150" style="filter:wave(add=1, phase=10, freq=2, strength=300); colortag="red";><font color="navy" size=+3>FLYING TEXT</font></marquee>

  
  

  ---

  
  

   

  «ПЛЯШЕМиПОЕМ!!»
  

  <marquee align="middle" behavior="alternate" direction="up" scrolldelay=20  scrollamount=2   height="22" width="4%">«</marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15  scrollamount=2   height="22" width="4%"> П </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20  scrollamount=2   height="22" width="4%"> Л </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15  scrollamount=2   height="22" width="4%"> Я </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20  scrollamount=2   height="22" width="4%"> Ш </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2   height="22" width="4%"> Е </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15  scrollamount=2   height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15  scrollamount=2   height="22" width="4%"> и </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15  scrollamount=2   height="22" width="4%"> П </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15  scrollamount=2   height="22" width="4%"> О </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15  scrollamount=2   height="22" width="4%"> Е </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15  scrollamount=2  height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20  scrollamount=2   height="22" width="4%"> ! </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15  scrollamount=2   height="22" width="4%"> !</marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20  scrollamount=2   height="22" width="4%"> »</marquee>  

  
  

  ---

  
  Можно типа информера прикрутить:
  

   

  - Я недавно на свадьбе был!
  - А что у тебя с лицом?
  - Разбили на счастье.
  ———-
  - Почему рука забинтована?
  - Дятла с ладошки кормила…
  ———-
             Мне приходится работать, он любит отдохнуть. Я - злой, он - добрый. Я живу с женой, он - шлындает по девочкам. С большим трудом я понимаю, как вообще мы можем с ним уживаться в одном человеке. ———-
  
  

  <marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount=1 scrolldelay=60 direction=up width=250 height=60>ТЕКСТ</marquee>
  
  

  ---

  
  

  Движущиеся фотографии с вашего альбома (и не только):

  
  

   

  
  
  [показать] [показать]   [x100] [показать] [x100] [показать]
  
  

   

  
  

  <div style="border:medium double navy;padding:5px;background:lightblue;width:110px;text-align: center;"><marquee width=100 height=100 scrollamount=1 scrolldelay=10><АДРЕС КАРТИНКИ#1> <АДРЕС КАРТИНКИ#2></marquee></div>

  
  

  ---

  
  [показать] [показать] [показать] [показать] [показать] [показать] [показать] [показать] [показать]
  

  <marquee behavior=alternate scrollamount=1 scrolldelay=50><marquee style="padding:5px;background:lightblue;width:110px;"> <img src=URL-картинки1> <img src=URL-картинки2> <img src=URL-картинки3> <img src=URL-картинки1> <img src=URL-картинки2> <img src=URL-картинки3> </marquee></marquee>

  
  

  ---

  
  
  С
  

  Д
  Н
  Е
  М

  
  

  Р
  О
  Ж
  Д
  Е
  Н
  И
  Я
  !

  
  

  <marquee direction=up scrolldelay=1 scrollamount=1 style="text-align:justify;filter:wave(add=5, phase=10, freq=5, strength=100);"><center><font color=blue size=3><br>С<br><br>Д<br>Н<br>Е<br>М<br><br>Р<br>О<br>Ж<br>Д<br>Е<br>Н<br>И<br>Я<br>!</font></marquee>

             
         
  

  ---

  
       
  

  ---