Как сделать цветную горизонтальную линию?

http://htmlbook.ru/faq/kak-sdelat-tsvetnuyu-gorizontalnuyu-liniyu

Учимся делать рамки. Урок 2. Сегодня хочу рассказать, как сделать рамки с закруглёнными углами. С помощью атрибута border-radius можно делать рамки разных форм. К примеру, такую: bloginja или такую: bloginja или такую: bloginja Читать дальше... Ну вот как-то так... Здесь ещё много нюансов можно описывать, но для начинающих и этого пока хватит. Что не понятно или что-то хотелось бы узнать, пишите в комменты. bloginja

Серия сообщений "рамки":

Часть 1 - Рамка к Пасхе.
Часть 2 - Душевная музыка. Светлана Копылова.
...
Часть 6 - Учимся делать рамочки
Часть 7 - Музыкальный альбом Горячий шоколад
Часть 8 - Учимся делать рамки. Урок 2.
Часть 9 - Учимся делать рамки. Урок 3
Часть 10 - Рамки для постов
Часть 11 - Вставить рамку в пост
Часть 12 - Рамка "Светлой пасхи"

Где найти ссылки МР3 для вставки в плеер


Самый удобный способ получить ссылку МР3 - загрузить музыку с компьютера.

Для этого нужно открыть Новую запись, озаглавить её или написать какой-нибудь текст в сообщении (иначе не получится загрузить).
Затем спуститься по странице вниз и найти раздел "Прикрепить файл", нажать там на "Обзор"


Читать дальше...

P.S. Скачивать на компьютер музыку можно, используя утилиту MusicWire, о которой я писала здесь


bloginja

Серия сообщений "музыка":

Часть 1 - Музыка из кинофильмов.
Часть 2 - Плейкаст "Два голубя"
...
Часть 11 - Плееры для вставки МР3
Часть 12 - Где найти ссылки МР3
Часть 13 - Где найти ссылки МР3 (2)
Часть 14 - Музыкальный альбом Горячий шоколад
Часть 15 - Счастье подобно бабочке }i{ - плейкаст

Где найти ссылки МР3 для вставки в плеер


1. Музыка ретро

Выбрать рубрику, затем выбрать мелодию.
Нажать на название мелодии л. к. мышки, в отрывшемся окне из адресной строки скопировать ссылку МР3 (клик правой кнопкой по ссылке - копировать).
Вставим её в плеер и послушаем

2. Сайт музыки советских времен.

Читать дальше...

bloginja

Серия сообщений "музыка":

Часть 1 - Музыка из кинофильмов.
Часть 2 - Плейкаст "Два голубя"
...
Часть 10 - Музыкальные рамки - открытки
Часть 11 - Плееры для вставки МР3
Часть 12 - Где найти ссылки МР3
Часть 13 - Где найти ссылки МР3 (2)
Часть 14 - Музыкальный альбом Горячий шоколад
Часть 15 - Счастье подобно бабочке }i{ - плейкаст

Серия сообщений "рамки":

Часть 1 - Рамка к Пасхе.
Часть 2 - Душевная музыка. Светлана Копылова.
...
Часть 4 - Музыкальные рамки - открытки
Часть 5 - Урок по созданию музыкальной открытки
Часть 6 - Учимся делать рамочки
Часть 7 - Музыкальный альбом Горячий шоколад
Часть 8 - Учимся делать рамки. Урок 2.
...
Часть 10 - Рамки для постов
Часть 11 - Вставить рамку в пост
Часть 12 - Рамка "Светлой пасхи"

Серия сообщений "музыка":
Часть 1 - Музыка из кинофильмов.
Часть 2 - Плейкаст "Два голубя"
...
Часть 9 - Программа для скачивания музыки с Лиру
Часть 10 - Музыкальные рамки - открытки
Часть 11 - Плееры для вставки МР3
Часть 12 - Где найти ссылки МР3
Часть 13 - Где найти ссылки МР3 (2)
Часть 14 - Музыкальный альбом Горячий шоколад
Часть 15 - Счастье подобно бабочке }i{ - плейкаст

ТЕКСТ (или картинка) в разрыве

От Лены М.

                          
                 люблю!
          тебя
    так  
Я
    так
          тебя
                 обожаю

                      

Картинка на кнопке - <a target="_blank" href="Адрес страницы" method="get"><button style="type=&quot;submit&quot;"><table border="5"><img src="Адрес картинки" /></table></button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type="hidden" name="tok" value="aea6ca54eb83078b23ea3e42326f8117" /></a>


Текст и картинка на кнопке - <a target="_blank" href="АДРЕС СТРАНИЦЫ" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align="absMiddle" />НАЗВАНИЕ КНОПКИ</button><input type="hidden" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /><input type="hidden" name="tok" value="aea6ca54eb83078b23ea3e42326f8117" /></a>



Номера страниц в блоге - <a target="_blank" href="адрес страницы блога"><b><text size="8"><text color="9d0039">номер страницы</text></text></b></a>

"У Самовара" + Вера Паничкина - это тоже Я


*

Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
...
Часть 16 - Закругляем углы на картинках; Вставляем текст на картинку...
Часть 17 - Расположение плеера на открытке.
Часть 18 - Делаем кнопочки перехода без конструкторов и генераторов...
Часть 19 - HTML отображается, как текст...
Часть 20 - Мои находки (если на Ли.ру...)
...
Часть 25 - ШРИФТЫ...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...

Серия сообщений " *** Кнопки - ":

Часть 1 - С добрым утром!
Часть 2 - Делаем кнопочки перехода без конструкторов и генераторов...
Часть 3 - Ваша кнопка для сайта в бесплатном онлайн генераторе As Button Generator: красиво, быстро и эффектно!
Часть 4 - Забавные
...
Часть 11 - Кнопки-стрелочки
Часть 12 - КНОПКИ, kнопочки....
Часть 13 - Красивые гламурные кнопочки-переходы

legend align="left" - разрыв с картинкой слева;
legend align="right" - разрыв с картинкой справа;
legend align="center" - разрыв с картинкой по цeнтру

<fieldset><legend align="left"><img src="АДРЕС КАРТИНКИ" /></legend>...ВАШ ТЕКСТ...</fieldset>

РАМОЧКА С РАЗРЫВОМ, ТЕНЬЮ И ЗАКРУГЛЕННЫМИ УГЛАМИ на фоне:
ИТАК:

Рамочка с тенью
Вот код -"скелетик" рамочки с разрывом и закругленными углами, где можно менять ее цвет, толщину, ширину и крутизну-закругленность углов на свои значения.
<fieldset style="width:ШИРИНАpx;border:ТОЛЩИНАpx#ЦВЕТ solid ; padding:20px; border-radius:УГОЛpx;box-shadow: 0px 0px 20px #000000;background-color:#b6babd;"><br /> <legend align="center"><img src="КАРТИНКА" /></legend>Здесь будет Ваш текст</fieldset>ШИРИНУ (width) рамочки можно не проставлять, рамочка сама ляжет очень хорошо.
УГОЛ -закругленность углов в пикселях. Если хотите оставить угол прямым, то вместо слова УГОЛ поставьте цифру ноль. Чем выше цифра, чем больше закругленность.
ЦВЕТ рамочки. 6 знаков цвета. Например черный 000000, белый ffffff, я обысно использую золотистый fff799.
ТЕНЬ. Можете оставить так как есть. А можно поэкспериментировать и вместо нолей перед цифрой 20 поставить значения выше и посмотреть что изменится. Цифру 20 тоже можно изменить на другую. Вместо 6 нолей (так обозначается черный цвет тени) после знака # можете поставить значение нужного цвета тени.
Если вы везде поставите ноль px, то тень исчезнет.
ВИДЫ БОРДЮРОВ:
solid - рамка из сплошной линии;
dotted - точечная линия;
dashed - пунктирная линия;
double - рамка из двойной сплошной линии;
groove - вдавленная линия;
ridge - выпуклая линия;
inset - вся рамка кажется вдавленной;
outset - вся рамка кажется выпуклой.

Полностью урок можно прочитать на этой странице - автор Егорова Таня!

Обводка тескста >>>KOD:>>><table border="7" background="" cellpadding="2" cellspacing="2" width="100%"><tr><td>***ВАШ ТЕКСТ***</td></tr></table>

У Самовара
Вера Паничкина -это тоже Я

Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
...
Часть 12 - Применяем линии в тексте (html шпаргалка по линиям)...
Часть 13 - Картинки в ряд... Превью...
Часть 14 - РАМОЧКИ ВОКРУГ ТЕКСТА (С РАЗРЫВОМ)
Часть 15 - Генераторы текста
Часть 16 - Закругляем углы на картинках; Вставляем текст на картинку...
...
Часть 25 - ШРИФТЫ...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...

Серия сообщений "*** Делаем рамочки":

Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 4 - Учимся делать рамки с закруглёнными углами.
Часть 5 - Рамочки в 1 слой...
Часть 6 - РАМОЧКИ ВОКРУГ ТЕКСТА (С РАЗРЫВОМ)
Часть 7 - ...Рамочка с бегущим текстом ... Урок от Татьяны Егоровой.
Часть 8 - Рамочка с прокруткой текста - 1 - ...
...
Часть 19 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...
Часть 20 - Рамочка-книжка...
Часть 21 - Поговорим о рамочке для текста "Рамочка-книжка"

*width="***" - ширина бегущей строки по ширине рамки
1. Текст (картинка) движется справа налево

Текст движется справа налево
КОД - <marquee>ТЕКСТ или АДРЕС КАРТИНКИ</marquee>
2. Текст (картинка) движется слева направо
Текст движется слева направо


КОД - <marquee direction="right" width="650">ТЕКСТ или АДРЕС КАРТИНКИ</marquee>

3. Бегущая строка в серединке рамки
ТЕКСТ или АДРЕС КАРТИНКИ
КОД - <center><marquee width="130" scrollamount="3">ТЕКСТ или АДРЕС КАРТИНКИ</marquee><br /> </center>

4. Бегущие картинки в отделочной рамочке


КОД - <center><table border="1" cellpadding="10" cellspacing="10" width="130px" background="//img-fotki.yandex.ru/get/3505/dkartasheva.33/0_b849_c7c6456d_L.jpg"><tbody><tr><td><marquee width="130" scrollamount="3"><img src="//img-fotki.yandex.ru/get/3310/dkartasheva.10/0_7c90_86b9d885_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3113/dkartasheva.10/0_7c91_6c182e_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3209/dkartasheva.10/0_7c92_7746ec06_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3214/dkartasheva.10/0_7c93_e59d171f_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3108/dkartasheva.10/0_7c94_f5e971dc_S.jpg" /></marquee><br /> </td></tr></tbody></table></center>

5. Текст движется от края к краю

Текст движется от края к краю

КОД - <marquee behavior="alternate">ТЕКСТ или АДРЕС КАРТИНКИ</marquee><br />

6. Текст (картинка) движется вниз или вверх

height="***" - высота движения картинок (текста)...
direction="up" - движение вверх
direction="up"- движение вниз

Текст (картинка) движется вниз:

Текст движется вниз


2.


3.


4.


КОД - <marquee direction="down" height="248"><center>ВАШ ТЕКСТ ИЛИ КАРТИНКИ </center></marquee>


Текст (картинка) движется вверх:



2.


3.


4.



*Листья солнцем наливались.
Листья солнцем пропитались.
Налились, отяжелели
И по ветру полетели,
Зашуршали по кустам,
Поскакали по сучкам,
Ветер золото кружит,
Золотым дождем шумит!

<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" height="60" width="250">ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ</marquee>

или


<marquee direction="up" scrollamount="2" scrolldelay="180" width="400" height="190" hspace="70"><i><br /> ***ВАШ ТЕКСТ***<br /> </i></marquee><br /> <br />

*

Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
...
Часть 5 - Коды при оформлении ТЕКСТА...- 2 -
Часть 6 - Интересное оформление текста - 3 - ...
Часть 7 - Бегущие строчки...
Часть 8 - Интересные примеры бегущего текста...
Часть 9 - Основные aтрибуты бегущей строки...
...
Часть 25 - ШРИФТЫ...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...

Серия сообщений " *** Пишем красиво - ":

Часть 1 - Бегущие строчки...
Часть 2 - Пишем словно золотом..
Часть 3 - Огненный текст без фотошопа..
...
Часть 9 - Разные разные шрифты...
Часть 10 - ШРИФТЫ...
Часть 11 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...

*1. ШРИФТЫ...

мой самый самый любимый шрифт

<p style="margin: 0px; padding: 0px 0px 15px; line-height: 23px; color: rgb(38, 35, 35); font-family: verdana, &quot;lucida grande&quot;, tahoma, arial, sans-serif; font-size: 14px;">мой самый самый любимый шрифт</p>

*Ещё один, который мне нравится

<em><span style="font-size:14px;"><span style="font-family: comic sans ms,cursive;">Ваш текст</span></span></em>

---

увеличение расстояния между строк <br />

---

*2. ЗАДАТЬ ЦВЕТ, РАЗМЕР и ВИД ШРИФТА
текста

<span style="font-family:шрифт"><font color="Цвет" size="Размер">...Текст...</font></span>

ИЛИ

<span style="font-family:ШРИФТ;color:#ЦВЕТ;font-size:РАЗМЕР px">...Текст...</span>

Размер части текста можно изменить <font size="размер шрифта">...Текст...</font> ИЛИ [size=размер шрифта]...Текст...[/size] где size="1" (2; 3; и т.д.) или задавать как размер от текущего (например -1 или +3 - меньше или больше заданного на 1 или 3 уровня) Формат цвета (#......) — можно получить из графического редактора, или использовать названия цветов — red, green, blue, gray, white, black и т.д.(см. Таблицы Генераторы цвета) [color=цвет]текст[/color] —текст заданного цвета (цвета —blue, red, green и т.д.). Очень удобно, если надо заменить цвет в определённом месте текста.

*3. ОТСТУПЛЕНИЕ НАЧАЛА ТЕКСТА ОТ КРАЯ:

Например,

На Блудовом болоте птицы нашли "остров" с высокими соснами, который оказался отличным местом для гнездования.

<p style="text-indent: 40px">...ВАШ ТЕКСТ...</p>

---

*4. ВЫДЕЛЕНИЕ ЦИТАТЫ (отдельный блок со сдвигом вправо):

[quote]...Текст...[/quote]

или
<p style="margin: 1em 0px 1em 30px;">...ВАШ ТЕКСТ...</p> или
<blockquote>...ВАШ ТЕКСТ...</blockquote>

---

*5. ОФОРМЛЕНИЕ ЭПИГРАФА ТЕКСТА.

Пример:

текст находится с правого
края страницы но выравниваем его
по ЛЕВОМУ краю,
текст смотрится ровно и красиво

<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />

---

*6. ТЕКСТ, ОБТЕКАЕМЫЙ ДРУГИМ ТЕКСТОМ:

Сегодня мы поговорим о шрифтах, тексте, его основных формулах, и различном написании.

Красиво написанный текст или оформленный заголовок всегда привлекает внимание к себе. Но не все знают как сделать это, да и трудно удержать в голове различные теги и формулы. Поэтому в этом посте собраны все основные теги и формулы по написанию и оформлению текста. Просто вписывайте свой текст в данные коды, и ваш текст будет выглядеть как в этих примерах. Значения размеров, толщину и цвет в кодах всегда можно поменять на свои.

<p style="padding-right: 15px; margin-top: 0px; float: left; margin-bottom: 3px; width: 30%; color: blue;">Текст внутри</p> Обтекающий текст

---

*7. ТЕКСТ В ДВА СТОЛБИКА:

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

Глупо жгли мы дух и тело раньше времени дотла; если б молодость умела, то и старость бы могла.

<table width="80%" cellpadding="0" cellspacing="1" border="0"><tr><td><text color="#000000">Текст первого столбца</text></td><td width="80"></td><td><text color="#000000">Текст второго столбца</text></td></tr></table><br />

---

*8. КАРТИНКА МЕЖДУ СТОБИКАМИ ТЕКСТА

Учеников Анаксимен тому учил больших и малых, что крутость резких перемен родит мерзавцев небывалых.

Весь век нам в это слабо верится, Но Гераклит сказал однажды, что глупо смертному надеяться одну бутылку выпить дважды.

<textarea rows="1" cols="39"><table border="0" cellspacing="8" cellpadding="0"><tr><td><text color="#663333">ТЕКСТ</text><br /></td><br /><td><br /><img src="адрес" /><br /></td><br /><td><br /><text color="9d0039">ТЕКСТ</text><br /></td><br /></tr></table>

---

*9. КАРТИНКИ ПО БОКАМ ТЕКСТА

Зачем болишь, душа? Устала? Спешишь к истоку всех начал? Бутылка дней пустее стала, Но и напиток покрепчал.

<table align="center"> <br /> <tr> <td><img src="адрес КАРТИНКИ" /></td> <td>ТЕКСТ</td> <td><img src="КАРТИНКА" /></td></tr></table>

---

*10. МАРКИРОВАННЫЙ СПИСОК:

Когда свернуло стрелки на закат,

вдруг чувство начинает посещать,

что души нам даются на прокат,

и лучше их без пятен возвращать.

<li>.......</li>
[/more]

---

*11. ПРАВИЛЬНО ПОДПИСЫВАЕМ АВТОРСКИЙ ТЕКСТ

float:right или float:left — расположение по отношению к тесту(справа или слева)

<div style="float:right;"><cite title="всплывающее пояснение о авторе или статье"><br /> © Ваш текст</cite></div><br />

Пример:

© Шамиль Аляутдинов
ВЫСКАЗЫВАНИЯ ПРОРОКА МУХАММАДА, 2013
©Издательство ДИЛЯ, 2013;
с письменного разрешения автора

Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
Часть 3 - СПЕЦКОДЫ для оформления поста -1-
Часть 4 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
Часть 5 - Коды при оформлении ТЕКСТА...- 2 -
Часть 6 - Интересное оформление текста - 3 - ...
Часть 7 - Бегущие строчки...
...
Часть 25 - ШРИФТЫ...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...

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

ЗДЕСЬ МОЙ ДНЕВНИК    МОЙ ДНЕВНИК    ШАДРИНА ГАЛИНА

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 9 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 10 - Все о бегущем тексте. Примеры и коды.
Часть 11 - Все о ссылках, оформление и коды.
Часть 12 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 13 - Он-лайн графические редакторы
...
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников

*1. ВИДЫ БОРДЮРОВ (border) - solid - рамка из сплошной линии; - dotted - точечная линия; - dashed - пунктирная линия; - double - рамка из двойной сплошной линии; - groove - вдавленная линия; - ridge - выпуклая линия; - inset - вся рамка кажется вдавленной; - outset - вся рамка кажется выпуклой. *2. КОВЫЧКИ: «......»

*3. В ТЕКСТ ВСТАВЛЯЕМ КАРТИНКУ, зная ее адрес:
<img src="Адрес картинки" width="***" height="***" align="***" /> где ^_
— width="***" — ШИРИНА картинки;
— height="***" — ВЫСОТА картинки;
— align="***" — расположение картинки;



*4. РАСПОЛОЖЕНИЕ КАРТИНКИ (текста):

— align="left" — расположение картинки слева; выравнивание текста слева;
— align="right" — расположение картинки справа; выравнивание текста справа;
— align="center" — расположение картинки (текста) по цeнтру;
— align="justify" — выравнивание текста по левому и правому краю.

Расположение рамочки, текста, картинкм строго в центре-<center>...</center> (!!! звездочку * удаляем)



*5. УБРАТЬ ТЕКСТ ПОД кат:

— [more] — если вставить такой тег в сообщение, то на этом месте оно оборвется и появится ссылка - Читать далее-

— [more=СВОЙ ТЕКСТ] — так можно заменить текст "Читать далее" на свой

— [more=<*img src="Адрес картинки" />] — для кнопочки-перехода к полному тексту поста (!!! после копирования кода, звездочку * удаляем)

— [/more] — а вот так можно обозначить окончание тяжелой части страницы и продолжить текст



*6. ОКНО ДЛЯ ВСТАВКИ КОДА (открыток, рамок, флешек, муз. плееров...)
<textarea rows="2" cols="15">ВАШ КОД</textarea>
или
<input size="10" type="text" value="[flash=продолжение кода]" />
Когда вставляем код музыкального плеера, перед flash — не забываем ставить *...




Иногда, формула маленькая, например как эта: hr width=100 align="left"..., а вы очень хотите ей поделиться с друзьями...
Воспользуйтесь вот этими знаками:

<...>xmp... ФОРМУЛА.../xmp<...>
<hr width="100" align="left" />

ИЛИ &lt;, &gt;
В начале формулы ставим — &lt;
В конце — &gt;
Получаем — <hr width=100 align="left">
И окошечко для кода нам не нужно...



*7. ФОРМУЛА ОФОРМЛЕНИЯ ТРАДИЦИОННОГО ОКОШЕЧКА ДЛЯ КОДА:

*8. КОД МУЗ.ПЛЕЕРА:

[flash=100,25,Адрес плеера?mp3=Адрес муз.файла]




*9. ССЫЛКА НА САЙТ, ДНЕВНИК, БЛОГ (ссылка на источник):

[url=ссылка_на_сайт]...ТЕКСТ или КАРТИНКА...[/url]

или

<*a target="_blank" href="Адрес ссылки" title="всплывающий текст">Текст или картинка<*/a>(звездочки * удалить)

— [user=Имя владельца] — ссылка на пользователя дневника Ли.Ру

— [user=Имя владельца]Моя подружка[/user] — позволяет назвать при этом пользователя по-особенному

Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
Часть 3 - СПЕЦКОДЫ для оформления поста -1-
Часть 4 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
Часть 5 - Коды при оформлении ТЕКСТА...- 2 -
...
Часть 25 - ШРИФТЫ...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...

Линии можно применять, например, для того, чтобы делить пост на логические разделы, отделять друг от друга цитаты, мысли, афоризмы.

Вот она, самая простая линия, для ее вставки просто поставьте в строчку Тег hr (Horisontal Rule)

---

ее код: <hr>

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 13 - Он-лайн графические редакторы
Часть 14 - Бродилка по РУБРИКАМ моего дневника.
Часть 15 - HTML шпаргалка по линиям
Часть 16 - Заморские сайты к НОВОМУ ГОДУ
Часть 17 - 100 самых полезных сайтов Интернета
...
Часть 28 - Вставляем картинки в свои сообщения
Часть 29 - Справочник html по изображениям
Часть 30 - Как сохранить гифку из Одноклассников

***ВАШ ТЕКСТ***для бордюра и фона используется color:#

КОД РАМОЧКИ: <table width="670" style="border:4px solid #990066;background-color:#f6f2e1" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><font size="4" color="#000000" face="Monotype Corsiva">***ВАШ ТЕКСТ***<br /><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></font></td></tr></table>

***ВАШ ТЕКСТ***- а здесь - для бордюра - color:#, для фона - http://

КОД РАМОЧКИ: <table width="820" style="border:4px inset #f6f2e1" background="//img1.liveinternet.ru/images/attach/c/8/125/534/125534011_fon_97bd90f7a85f1d87163401b42792768b.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><span style="font-family:Lucida Grande;color:#000000;font-size:20px;">***ВАШ ТЕКСТ***<br /><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></span></td></tr></table>

***ТЕКСТ***рамочка с окантовкой и основной фон - http://

КОД ДАННОЙ РАМОЧКИ(с окантовкой):<table style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="//s017.radikal.ru/i434/1204/b6/5e12899c65bc.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:ШИРИНА ФОНА(20-60 пикселей)px"><table width="820" style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="//img1.liveinternet.ru/images/attach/c/8/125/534/125534011_fon_97bd90f7a85f1d87163401b42792768b.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Liruss TYGRA(TrueType);color:#000000;font-size:18px"><i>***ТЕКСТ***</i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table></td></tr></table>

***ТЕКСТ*** рамочка, где бордюр - http://..., а основной фон - background-color:#...

КОД РАМОЧКА:
<table style="border:ШИРИНА БОРДЮРАpx ВИД БОРДЮРА #КОЛОР" background="//s017.radikal.ru/i434/1204/b6/5e12899c65bc.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="820" style="border:0px solid #;background-color:#050404" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><span style="font-family:Liruss TYGRA(TrueType);color:#ffffff;font-size:18px"><i> ***ТЕКСТ***<br /> </i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table></td></tr></table>
У Самовара
Вера Паничкина - это тоже Я

Серия сообщений " ШПАРГАЛКИ***** кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - Рамочки в 1 слой...
Часть 3 - СПЕЦКОДЫ для оформления поста -1-
Часть 4 - ВСЁ, или почти всё, O ССЫЛКАХ — оформление и коды...
...
Часть 25 - ШРИФТЫ...
Часть 26 - ДЛЯ ТЕКСТА — Мини-генератор кода для текста; Код текста с тенью...
Часть 27 - Всё для Вашего дневника...

Серия сообщений "*** Делаем рамочки":

Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
Часть 3 - Формула разрезной рамочки для текста, сделанной при помощи ФШ...
Часть 4 - Учимся делать рамки с закруглёнными углами.
Часть 5 - Рамочки в 1 слой...
Часть 6 - РАМОЧКИ ВОКРУГ ТЕКСТА (С РАЗРЫВОМ)
Часть 7 - ...Рамочка с бегущим текстом ... Урок от Татьяны Егоровой.
...
Часть 19 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...
Часть 20 - Рамочка-книжка...
Часть 21 - Поговорим о рамочке для текста "Рамочка-книжка"