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

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

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

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

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

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

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

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

Урок по созданию музыкальной открытки Как и обещала, сделала урок про музыкальные рамки-открытки. 1. Подбираем фоновые картинки для нашей рамки. Получаем их ссылки-адреса через какой-нибудь хостинг (я пользуюсь Радикалом). Я взяла для примера такие: 1. Контур //s017.radikal.ru/i441/1511/0c/7f73ad9c6637.jpg 2. Широкая вставка //s017.radikal.ru/i426/1511/f8/44810002034f.jpg 3. Фон рамки для плеера //s019.radikal.ru/i605/1511/3b/890fed9f9405.jpg 4. Фоновая картинка //s014.radikal.ru/i326/1511/fe/0114e289b005.gif Читать дальше... Вариаций создания подобных рамок много: можно делать совсем без контуров и фонов или наоборот добавить ещё фонов... Главное понять принцип построения рамок с помощью HTML тегов. А можно сделать вот такую открытку http://www.liveinternet.ru/users/win-win-win/post346502774/ Давно не писала уроки, поэтому может что упустила. Что не понятно, пишите, объясню. Удачи! bloginja

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

Часть 1 - Рамка для молитвы
Часть 2 - Рамка к Пасхе. Грядущие праздники.
...
Часть 5 - Детская рамочка. Мирилка.
Часть 6 - Музыкальные рамки - открытки
Часть 7 - Урок по созданию музыкальной открытки

Серия сообщений "Памятка для Лиру":

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 10 - Всё про картинки. Часть 4. Картинки в ряд и столбик.
Часть 11 - Программа для скачивания музыки с Лиру
Часть 12 - Урок по созданию музыкальной открытки

Многие сталкиваются с проблемой, особенно на ЛиРу, что при вставлении кодов в кодовое окошко, код в окне выставляется не полностью - обрезаются "хвостики" или наоборот - начало кода, или когда в посте блога надо написать HTML-код в виде текста а многие этого не умеют. Так что же делать, чтобы код остался в тексте сообщения виден как HTML? Напишу несколько вариантов, как это сделать. 1. Код с использованием тэга <input Код баннера можно поставить вот в такое окошечко. Это самый простой вид окошечка, и его используют в основном для небольших кодов.

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 17 - Заморские сайты к НОВОМУ ГОДУ
Часть 18 - 100 самых полезных сайтов Интернета
Часть 19 - Как правильно вставлять код в окошко для кодов.

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

<div style="padding-left: 10px; padding-right: 10px;"><div style="width: auto; background-repeat: repeat; height: 100%; background-color: white; box-shadow: 0px 0px 10px black; padding: 0px 0px 0px 50px;"><div style="height: 100%; background-color:blue; padding: 0px 0px 0px 50px; box-shadow: 0px 0px 1px black;"><div style="height: 100%; background-color: red; box-shadow: 0px 0px 0px black; padding: 0px 0px 0px 50px;"><div style="height: 100%; background-color: #FFEBCD; box-shadow: 0px 0px 0px black;">
ВАШ ТЕКСТ, Картинки и прочее</div></div></div></div></div></div>

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 18 - 100 самых полезных сайтов Интернета
Часть 19 - Как правильно вставлять код в окошко для кодов.
Часть 20 - Рамочки с флагом своей страны.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ… Валентина

ФОРМУЛА РАМОЧКИ               :<div align="center"><table border="2" background="ФОН обводка -1" cellpadding="6" cellspacing="0" width="Ширина рамочки"><tr><td style="padding: 6px;"><table border="2" background="Фон цветочный" cellpadding="30" cellspacing="0" width="100%"><tr><td style="padding: 30px;"><center><table border="2" background="ФОН обводка -1" cellpadding="4" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН однотонный -1" cellpadding="10" cellspacing="0" width="100%"><tr><td><div align="center">КАРТИНКА</div></td></tr></table></td></tr></table></center><br /><br /><br /> <div align="center"><table border="2" background="Фон обводка -1" cellpadding="4" cellspacing="0" width="100%"><tr><td><table border="2" background="Фон однотонный -1" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="Фон обводка -1" cellpadding="4" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН однотонный -1 для текста" cellpadding="30" cellspacing="0" width="100%"><tr><td><font size="5"><font color="#Цвет текста"><font face="Palatino Linotype"><div align="center">РАЗДЕЛИТЕЛЬ<br /><br /> <div align="center">ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ…<br /><br /><br /> <div align="center">РАЗДЕЛИТЕЛЬ</div></div></div></font></font></font><font size="3"><font color="#Цвет текста"><font face="Palatino Linotype"><div align="center"><a target="_blank" data-cke-saved-href="АДРЕС БЛОГА" href="АДРЕС БЛОГА">Здесь ставим ИМЯ</a></div></font></font></font></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>