Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

<b>ВАШ ТЕКСТ</b>Полужирный текст
<i> ВАШ ТЕКСТ</i>Выделение текста курсивом
<u>ВАШ ТЕКСТ</u>Подчёркнутый текст
<s>ВАШ ТЕКСТ</s>Зачёркнутый текст
<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки
<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом
<p>ВАШ ТЕКСТ</p>Создание нового параграфа
<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________
<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
<br />Перенос строки (если двойная - абзац)
<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)

2. Как изменить размер текста?

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3

3. Как разместить текст (картинку) на странице и делать отступы?

<div align="left">Ваш текст</div>

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

<div style="float:right;">Ваш текст</div><br clear="all" />

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

<center> Ваш текст</center>

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: 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 />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br /><br /><br /> - три пустые строки.

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

4. Как окрасить текст в разные цвета?

КРАСНЫЙ: <font color="red">текст</font> красный текст
Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст
Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст
КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст
Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст
ГОЛУБОЙ: <font color="blue">текст</font> голубой текст
Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст
ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст

Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).

* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета

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

5. Как сделать бегущую строку?

Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

• Мужской клуб
   
• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /> <li> второй пункт Вашего ТЕКСТА<br /> </ol>

1. Первый пункт текста
    
2. Второй пункт текста

Однажды

        в студеную зимнюю пору

                я из лесу вышел...

А и не надо!

Конечно можно.

Уроки от Зины тут Уроки от Фея Грез тут Уроки от Irini тут Уроки от Джулии тут Полезности от ®™MONI4KA™®~} тут Мигающий текст тут Урок по размещению картинки в тексте тут Картинка с боку от текста тут Картинки с двух сторон от текста тут Картинки в одну линеечку тут Меняем цвет тут Разбиваем текст на две колонки тут Рамочка с картинками по бокам тут КОЛЛЕКЦИЯ ФОНОВ. Алфавитный каталог тут 8 шагов создания безшовного фона в Paint тут Фон для записи тут , тут Картинка, как фон для записи тут Как сделать к каждой записи свой фон тут Как вставить прозрачный анимированый фон для записи тут Учимся делать рамки - тут , тут , тут, тут Рамочка с разрывом тут Генератора рамок тут Рамочник тут Делаем анимированное изображения из несколько картинок тут Как сделать скриншот тут Как сделать ссылку на автора поста тут Ссылка в виде текста тут Делаем кликабельную картинку тут Как пронумеровать страницы своего блога тут Как забрать рамочку или пост к себе в блог тут Код в окошке тут все из блога  Н@тк@

 Я хочу показать новичкам, как вставлять картинки в пост, а то вчера в ленте попадались сообщения с такими огромными картинками, что не помещались в экран.

Как сохранить весь свой блог на компьютер. На случай непредвиденных ситуаций.
предлагали много версий, но вот что я нашла сама спустя некоторое время:
И так:
Программа:
HTTrack Website Copier 3.43-7 Нажмите на название программы, там её описание и ссылка для скачивания.
Эту программу я нашла случайно, но с её помощью скачала весь блог. Что теперь делать? По порядку!
1. Скачать программу (она в архиве) и извлечь все папки с архива к себе в комп. (Касперсикй пропустил и вирусов вроде не нашел).
2. Заходим в папку с программой и запускаем фаил:

(На картинке он выделен жирным.
3. Дальше возникает проблема с выбором языка, но она решаема. При запуске выскакивает табличка:

Выбираем как показано на картинке: Русский язык (Russian) и нажимаем ОК
4. Нажимаем ДАЛЕЕ
5. Следующее окно заполняем как показано на картинке:

6. Нажимаем ДАЛЕЕ
7. В следующем окне нажимаем "ДОБАВИТЬ Url"

Появиться новое окно в котором надо ввести (приведу пример с моим блогом)
адрес вашего блога:  http://blogs.mail.ru/mail/zhanna230780/
Логин (это почтовый ящик): Zhanna230780@mail.ru
Пароль: ************

В самом углу есть кнопка: Jage_windo (Сильно подозреваю, что название кнопки просто не пометилось).
Так вот берете и жмете на эту кнопку. У вас появляется окно:

8. Нажимаем ДАЛЕЕ
9. В новом окне выбираем то соединение, через которые вы выходите в инет.

Нажимаем кнопку ГОТОВО и ждем пока блог копируется вам на комп!

Примерно такой рисунок будет висеть весь процесс скачивания. При возникновении вопросов пишите сюда или мне в блог.
Взято из блога LandiSH             http://my.mail.ru/community/dekor_glia_baseg/7EF3FF4281D6128F.html

А вы знаете, что ваш дневник можно сохранить на компьютере и в моменты, когда хочется что-то перечитать, а доступа к интернету по каким-то причинам нет, вы можете это сделать? =)

Для того чтобы это сделать, открываем свой дневник так, чтобы перед нами были посты и листаем его до самого упора вниз. Там мы видим:

Жмем на "Экспорт". В появившемся окне видим голубые квадратики, в которых написан период (время года и год соответственно), а ниже под квадратами - XSL-файл. Вот с него то и стоит начать. Жмем на него правой (!!!) кнопкой мыши и выбираем "сохранить как...".

Для дальнейшего удобства и легкости советую под дневник завести отдельную папку где-то в недрах компа, чтобы лишние глаза не прочли, но и так чтобы вы могли ее найти при необходимости.

Так вот, вернумся к нашему xsl-файлу. Сохраняем его в нашу только что созданную папку. При сохранении обязательно поменять имя на rss.xsl и нажать "сохранить"

Далее проделываем подобное на всех (или отдельных) файлах в голубых квадратах. Поочередно нажимаем на них правой кнопкой мыши, выбираем "Сохранить как..." и обязательно помешаем их в ту же папку где хранится наш заранее скачанный xsl-файл. (В том случае если файлы окажутся в разных папках, прочесть дневник будет невозможно). В итоге у вас должно получиться нечто подобное.

Далее ваша задача только открыть файл Зима_2007 или Осень_2008 и прочесть то что вы писали тогда.

Во всем этом есть несколько тонкостей: 1) комментарии не сохраняются, но я думаю, что и не за чем! 2) то что добавлял в цитатник также сохраняется, что очень даже полезно и приятно и 3) картинки, вставленные в посты не грузятся в случае если нет доступа к интернету, но это тоже не страшно.

Удачи!

Вы можете установить информер времени на своем сайте. Укажите город или страну, после чего разместите предложенный код на своей странице.

 

Вы можете установить на своём сайте информер с данными о погоде. Выберите интересующий вас регион и вариант информера, подходящий вам по цвету и размеру. Разместите полученный код на страницах своего сайта или блога.
 

Сделать информер

Информер метеочувствителен.Его цвет меняется вместе с погодой в выбранном городе – от морозно-синего до солнечно-песочного.Если ночью существенно холоднее, чем днем, ночная температура выделяется красным цветом.Пятничный информер помогает планировать отдых. Он показывает прогноз погоды на ближайшие выходные - облачно или ясно, будут ли осадки.О затяжных дождях информер предупреждает соответствующей надписью – «дожди».Информер показывает перепады температур и тенденции ближайших дней – похолодает или потеплеет.Для курортных городов у моря указывается температура воды.Информер демонстрирует предупреждения о неблагоприятных погодных условиях (например, гроза, гололед, туман, заморозки.
 

Вы можете установить на своем сайте информер с данными о загруженности дорог. Выберите город и вариант информера, подходящий вам по виду и размеру, и разместите полученный код на страницах вашего сайта или блога. Теперь при загрузке страницы с информером посетители сайта будут видеть уровень загруженности дорог вашего города.
 

Сделать информер
Из блога Егоровой Татьяны

Хочу подарить каждой Пчелке по букету цветов. Хоть они и не настоящие, но зато будут радовать Вас постоянно )) 

Краткая инструкция: 

1) Для размещения картинки необходимо скопировать код из формы (та, что под каждой картинкой);
2) Вставить этот код в ПРОСТОМ редакторе в ваш новый пост или кому-нибудь в комментарии. 

Цветочки 

<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s59.radikal.ru/i164/0904/f9/efdc35a47e22.gif" _fcksavedurl="//s59.radikal.ru/i164/0904/f9/efdc35a47e22.gif" width="200" height="160" alt=" (200x160, 87Kb)" /></a>	<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s55.radikal.ru/i148/0904/c2/6698fa7af344.gif" _fcksavedurl="//s55.radikal.ru/i148/0904/c2/6698fa7af344.gif" width="159" height="125" alt=" (159x125, 7Kb)" /></a>
<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s53.radikal.ru/i139/0904/3c/1aefd33a0791.gif" _fcksavedurl="//s53.radikal.ru/i139/0904/3c/1aefd33a0791.gif" width="155" height="200" alt=" (155x200, 8Kb)" /></a>	<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s42.radikal.ru/i098/0904/de/2c0e0775167d.gif" _fcksavedurl="//s42.radikal.ru/i098/0904/de/2c0e0775167d.gif" width="205" height="200" alt=" (205x200, 12Kb)" /></a>
<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//i044.radikal.ru/0904/de/e70ae49a7586.gif" _fcksavedurl="//i044.radikal.ru/0904/de/e70ae49a7586.gif" width="200" height="170" alt=" (200x170, 18Kb)" /></a>	<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s60.radikal.ru/i170/0904/ab/890b206c6b18.gif" _fcksavedurl="//s60.radikal.ru/i170/0904/ab/890b206c6b18.gif" width="200" height="187" alt=" (200x187, 12Kb)" /></a>
<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s47.radikal.ru/i118/0904/8f/e49b68d31104.gif" _fcksavedurl="//s47.radikal.ru/i118/0904/8f/e49b68d31104.gif" width="195" height="200" alt=" (195x200, 25Kb)" /></a>	<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s46.radikal.ru/i114/0904/66/c46e16881cf6.gif" _fcksavedurl="//s46.radikal.ru/i114/0904/66/c46e16881cf6.gif" width="200" height="178" alt=" (200x178, 21Kb)" /></a>
<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s48.radikal.ru/i122/0904/95/26b1b84c82a9.gif" _fcksavedurl="//s48.radikal.ru/i122/0904/95/26b1b84c82a9.gif" width="120" height="178 alt=" /></a>	<a href="http://www.liveinternet.ru/users/jaguarra/" _fcksavedurl="http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//i082.radikal.ru/0904/08/2c3a73c198a0.gif" _fcksavedurl="//i082.radikal.ru/0904/08/2c3a73c198a0.gif" width="140" height="140" alt=" (140x140, 5Kb)" /></a>

 Вам в копилочку

Котята - Анимашки
Обезьянки - Анимашки
Солнышки
Рамочки Floral fantasies - 5 частей
Забавные детишки
Рамочки "Forever friends" - 2 части
Дарите друг другу цветы 

--------------------------------------------------
Присмотрела подруге на день рождения египетский кальян. Думаю ей понравится ) Заодно и испробуем его в нашей компании.

Доброго времени суток!

Сегодня без интернет очень сложно представить нашу с вами жизнь. Здесь есть все: информация, новости, фильмы, музыка, товары, услуги, общение.... И рано или поздно мы все задумываемся о создании собственного сайта. И я сегодня хочу поговорить о том, что делать, если возникла подобная необходимость!

Когда задумываешься о том, где в интернете разместить свои товары для продажи, на ум приходят крупные интернет-моллы типа eBay (www.ebay.com), Etsy (www.etsy.com), нового проекта Artfire.com (www.artfire.com) или нашей рунетной Ярмарки мастеров (www.livemaster.ru). Однако есть и другие места, которые могут стать хорошей площадкой и привлечь к вам своих клиентов, пусть даже всего несколько человек.