Комментарии (1)

Коды оформления блога

Вторник, 19 Января 2038 г. 06:14 + в цитатник
Это цитата сообщения Ксюшичек [Прочитать целиком + В свой цитатник или сообщество!]

Коды для оформления блога

Окошко для кода -<input type="text" size="12" value="НУЖНЫЙ ВАМ КОД" />
Рамочка вокруг текста -<fieldset>ВАШ ТЕКСТ</fieldset>
Цитата -<blockquote> ТЕКСТ ЦИТАТЫ </blockquote>
Рамочка вокруг текста (разрыв слева) -<fieldset><legend><img data-cke-saved-src="КОД КАРТИНКИ" src="КОД КАРТИНКИ" align="absmiddle" />ТЕКСТ</legend></fieldset>
Рамочка вокруг текста (разрыв справа) -<fieldset><legend align="right">ТЕКСТ<img style="КОД КАРТИНКИ" align="absmiddle" /></legend></fieldset>
Картинки в записи:
Картинка слева от текста -<img data-cke-saved-src="КАРТИНКА" src="КАРТИНКА" align="left" border="0" />ТЕКСТ
Картинка справа от текста -<img data-cke-saved-src="КАРТИНКА" src="КАРТИНКА" align="right" border="0" />ТЕКСТ
Картинки по бокам текста -<table align="center"> <tr> <td><img data-cke-saved-src="КАРТИНКА" src="КАРТИНКА" /></td> <td>ТЕКСТ</td> <td><img data-cke-saved-src="КАРТИНКА" src="КАРТИНКА" /></td></tr></table>
Картинки в ряд:
2 картинки -<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td></tr></table>
3 картинки -<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
4 картинки -<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
5 картинок -<table border="0" cellspacing="8" cellpadding="0"> <tr> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td> <td> Картинка </td></tr></table>
6 картинок -<table border="0" cellspacing="8" cellpadding="0"><tr><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td> Картинка </td><td>Картинка </td></tr></table>
Кнопки в записи:
Текст на кнопке -<form action="АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Название кнопки" /><input type="hidden" data-cke-saved-name="tok" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /></form>
Картинка на кнопке -<form action="АДРЕС страницы" method="get"><button style="type="submit""><img data-cke-saved-src="Адрес картинки" src="Адрес картинки" /></button><input type="hidden" data-cke-saved-name="tok" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /></form>
Текст и картинка на кнопке -<form action="Адрес страницы" target="_blank" method="get"><button type="submit"><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" align="absMiddle" /> TEКСT</button><input type="hidden" data-cke-saved-name="tok" name="tok" value="d378663f8295692217b2c9a3ee4ebe1b" /></form>
Кнопка на фоне -<a target="_blank" data-cke-saved-href="Адрес страницы" href="Адрес страницы"><button title="всплывающий текст"><table border="5" background="Адрес ФОНА"><tbody><tr> <td><center>НАЗВАНИЕ КНОПКИ</center></td> </tr></tbody></table></button></a>
Номера страниц в блоге -<a target="_blank" data-cke-saved-href="адрес страницы блога" href="адрес страницы блога"><b><text size="8"><text color="9d0039">номер страницы</text></text></b></a>
Рамка с картинками по углам -<table border="0" cellspacing="3" cellpadding="1" width="100%" background="1 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="2 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3 " cellpadding="1" width="100%" background="3 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="30" cellpadding="30" width="100%" background="4СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="5 СЛОЙ ФОНА">ВАШ НИК <tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="6 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="3" cellpadding="1" width="100%" background="7 СЛОЙ ФОНА"><tbody><tr valign="top"><td width="100%"><table border="0" cellspacing="5" cellpadding="5" width="100%" background="8 СЛОЙ ФОНА"><tbody><tr><td> КАРТИНКА ВВЕРХ СЛЕВА РАДИКАЛ код №6 </td><td width="100%"> </td><td> КАРТИНКА ВВЕРХ СПРАВА код№6 </td></tr><tr><td> </td><td><br /><center><font color="EEDD82"><font size="4"><font face="Times New Roman"> ВАШ ТЕКСТ </font></font></font></center><br /><br /><center> ЛИНЕЕЧКА Радикал код №6 </center></td><td> </td></tr><tr><td> КАРТИНКА НИЗ СЛЕВА код №6 </td><td> </td><td> КАРТИНКА НИЗ СПРАВА код №6 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>
Таблица -<table border="1" width="300"> <br /><tr align="center"><td width="60">1 ячейка</td><br /><td width="60">2 ячейка</td><br /><td width="60">3 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">4 ячейка</td><br /><td width="60">5 ячейка</td><br /><td width="60">6 ячейка</td><br /></tr><tr align="center"> <br /><td width="60">7 ячейка</td><br /><td width="60">8 ячейка</td><br /><td width="60">9 ячейка</td></tr></table>

Серия сообщений "Дизайн дневника":
Часть 1 - 4 онлайн сервиса по подбору цветовой гаммы.
Часть 2 - Программа подбора цвета при Web-дизайне и составлении программ Цветик ver.6.3
...
Часть 30 - Делаем красивый текст для оформления дневника.
Часть 31 - Полезности при оформлении сообщения дневника.
Часть 32 - Коды оформления блога

Понравилось: 2 пользователям

Комментарии (0)

Полезности при оформлении сообщения дневника.

Среда, 11 Ноября 2037 г. 03:07 + в цитатник
Это цитата сообщения LVN [Прочитать целиком + В свой цитатник или сообщество!]

1) сделать кнопку
<form action="АДРЕС САЙТА" target="lime" method="get"><input type="submit" value="НАЗВАНИЕ" /></form>

2) Удачи - раздваивающийся текст
<br /> <font color="#ff0000"><marquee scrollamount="2" scrolldelay="1" direction="up" height="300" style="filter: wave(add=50, phase=1, freq=1, strength=140); width: 500px; height: 300px; text-align: justify"><br /><br /><br /> <center><font size="+2">Удачи!</font></center></marquee></font><br /> <br />

3) Теги всплывающей подсказки.
<acronym title="всплывающая подсказка">ТЕКСТ поста</acronym>

4) Ссылки на др.посты
<br /> <a target="_blank" data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a><br /> <a target="_blank" data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a><br /> <a target="_blank" data-cke-saved-href="А" href="А"> НАЗВАНИЕ</a>

5) Текст с тенью (синий)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="width:100%;filter:shadow(color:white:10);font-weight:bold;font-size:18pt;font-family:verdana;color:483d8b;">ВАШ ТЕКСТ</div><br /> </font>

6) Движение текста с тенью. (зеленый)
<div style="FILTER: Shadow(color=Gray48, direction=140, strength=8); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="008000" size="7"><i>Спасибо </i></font></marquee></div>

7) Движение текста с тенью. (красный)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="FILTER: Shadow(color=Gray48, direction=80, strength=3); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="ff0000" size="6"><i>Спасибо за ваш комментарий.</i></font></marquee><br /></div><br /> </font>

8) Рамка с движ. текстом (для дня рождения)
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="700px" height="390" style="background="><center><table cellspacing="8" cellpadding="3" width="700px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00size=" font="http АДРЕС"><marquee style="HEIGHT: 535px" scrollamount="2" direction="up"><center><br /> <font style="cursor:url('http://www.myspacecursor.net/love/36.ani');"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <font size="+3"><font color="lime"><br /> ТЕКСТ<br /> <br /> <img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /> <br /> </font></font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

9) Рамка для картинки
<center><table border="20" bgcolor="brown"><caption align="bottom">Слова под рамкой</caption><tr><td><table border="12" bgcolor="brown"><tr><td><br /> <img data-cke-saved-src="http АДРЕС" src="http АДРЕС" /></td></tr></table></td></tr></table><p></p></center><br />

10) Разделить пост на две части
<table width="80%" cellpadding="0" cellspacing="1" border="0"><tr><td> 1 часть текста</td><td width="1" bgcolor="#000000"></td><td> 2 часть текста… </td></tr></table>

11) текст на картинку без графических редакторов
<center><table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><font color="red"><font size="+3">Ваши слова</font></font> </th></tr></table><p></p></center>

12) подписать картинку сбоку
<table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 700px; HEIGHT: 525px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+5"><font color="red">Ваши слова</font></font></font></div> </th></tr></table><p></p>

13) Текст на фоне
<table cellpadding="60"><tr><td background="http АДРЕС"><font color="white"><font size="+2">ВАШ ТЕКСТ</font>…</font></td></tr></table>

14) размытый фон (добавляем теги)
border="0" style="filter: alpha(opacity=100,style=2);" />

15) Ваш фон, по которому двигается текст
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="500px" height="150" style="background="><center><table cellspacing="8" cellpadding="3" width="500px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00 size=" font="http АДРЕС"><marquee style="HEIGHT: 150px" scrollamount="2" direction="up"><center><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <font size="+3"><font color="lime">ТЕКСТ</font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

16) фон, по которому двигается текст
(Можно менять только цвет фона)
<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="2" scrolldelay="60" direction="up" width="550" height="150"><font size="+3"><font color="ffffff">ВАШ ТЕКСТ</font></font></marquee>

17) Слова БОКОМ
<br /> <font color="ff0000"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 480px; HEIGHT: 250px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+3">ВАШ ТЕКСТ БОКОМ</font></font></div></font><br />
18 Рамочка с прокруткой текста
<center><div style="LEFT: 0px; OVERFLOW: auto; WIDTH: 700px; TEXT-INDENT: 25pt; SCROLLBAR-ARROW-COLOR: #9400D3; TOP: 22px; HEIGHT: 350px;background-image:url('А'); TEXT-ALIGN: center"><div><font face="arial"><center><br /> <font size="+3"><font color="red">Название поста</font></font><br /> <font size="+2"><font color="navy">ТЕКСТ</font></font><br /> </center></font></div></div></center><center></center>

Серия сообщений "Дизайн дневника":
Часть 1 - 4 онлайн сервиса по подбору цветовой гаммы.
Часть 2 - Программа подбора цвета при Web-дизайне и составлении программ Цветик ver.6.3
...
Часть 29 - Красивый шрифт.
Часть 30 - Делаем красивый текст для оформления дневника.
Часть 31 - Полезности при оформлении сообщения дневника.
Часть 32 - Коды оформления блога

Рубрики:

§ Всё для блога/ЛиРу

Понравилось: 1 пользователю

Комментарии (0)

Вариант рамочек с тенью (простые, для текста)

Суббота, 10 Ноября 2035 г. 04:35 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

Цвет тени можно поменять с помощью Цветосмесителя, который находится

ТуТ.

А если у рамочки сделать фиксированную ширину и высоту, то вполне может получиться рамочка для картинки

Ваш текст

Метки: рамки рамочки

Комментарии (0)

Простые рамки-обводки для оформления дневника.

Суббота, 10 Ноября 2035 г. 02:06 + в цитатник
Это цитата сообщения Алевтина_Серова [Прочитать целиком + В свой цитатник или сообщество!]

Простые рамки-обводки для оформления текста в дневнике:
• 1. Сплошная рамка.

ВАШ ТЕКСТ

• 2. Пунктирная рамка 1

ВАШ ТЕКСТ

• 3. Пунктирная рамка 2

ВАШ ТЕКСТ

• 4. Точечная рамка

ВАШ ТЕКСТ

• 5. Двойная рамка

ВАШ ТЕКСТ

• 6. Вдавленный текст

ВАШ ТЕКСТ

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки: рамки рамочки

Комментарии (0)

Урок по рамочкам

Суббота, 10 Ноября 2035 г. 00:29 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

Рассмотрим простую рамочку на конкретном примере простой рамочки:

***Текст***

"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 18 - Простые рамки.
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки: рамки рамочки

Понравилось: 2 пользователям

Комментарии (0)

Обводка внутри рамки (блока)

Суббота, 10 Ноября 2035 г. 00:21 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)

Текст
Ваша подпись

<center><div style="padding: 10px 10px; background: #FE9980; width: 610px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 3px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></a></center></div></center>

Смотрим дальше

Метки: рамки рамочки

Комментарии (0)

Простые рамки с фоном

Пятница, 09 Ноября 2035 г. 23:55 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Здесь будет ваш текст. Рамка растягивается и в ширину и в длину. Вот максимальная ширина рамки.

Здесь будет ваш текст.
Рамка растягивается и в ширину и в длину.

Здесь будет ваш текст.

Что меняем в формуле?

Для кода цвета, как всегда, пользуемся генератором цвета
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета и вставляйте в формулу рамки

ФОРМУЛА РАМКИ

Еще простые рамки можно посмотреть ЗДЕСЬ и ЗДЕСЬ
для вас Лариса Гурьянова

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

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 34 - Цветные рамочки для текста
Часть 35 - Простые рамки с заголовком
Часть 36 - Простые рамки с фоном
Часть 37 - Прерывистые рамки для текста
Часть 38 - Делаем рамку
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 17 - Рамка для оформления постов в дневнике
Часть 18 - Простые рамки.
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки: рамки рамочки

Понравилось: 1 пользователю

Комментарии (0)

Простые рамки.

Пятница, 09 Ноября 2035 г. 23:33 + в цитатник
Это цитата сообщения Toha462 [Прочитать целиком + В свой цитатник или сообщество!]

Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.

Сплошная рамка.

Выглядит вот так:

ВАШ ТЕКСТ

Пишется так:
<div style="border:1px solid #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

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

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 16 - Простые рамки с заголовком
Часть 17 - Рамка для оформления постов в дневнике
Часть 18 - Простые рамки.
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки: рамки рамочки

Понравилось: 2 пользователям

Комментарии (0)

<a href="https://www.liveinternet.ru/users/3414243/post376360862/">Р”РµР»Р°РµРј РєСЂР°СЃРёРІС‹Р№ С‚РµРєСЃС‚ РґР»СЏ РѕС„РѕСЂРјР»РµРЅРёСЏ РґРЅРµРІРЅРёРєР°.</a><br/>
	РЎСѓС‰РµСЃС‚РІСѓСЋ СЂР°Р·РЅС‹Рµ СЃС‚РёР»Рё С‚РµРєСЃС‚Р°, РґР»СЏ РѕС„РѕСЂРјР»РµРЅРёСЏ РІР°С€РµРіРѕ Р±Р»РѕРіР°.
	РџСЂРёРґСѓРјР°РЅС‹ РЅРµ РјРЅРѕР№.Р”РѕР»РіРѕ СЃРѕР±РёСЂР°Р»Р° СЂР°Р·РЅС‹Рµ РЅРµРѕР±С‹С‡РЅС‹Рµ РІР°СЂРёР°РЅС‚С‹.
	Р РІ СЌС‚РѕРј СѓСЂРѕРєРµ С…РѕС‡Сѓ РІР°Рј РёС… РїСЂРµРґР»РѕР¶РёС‚СЊ.
	Р‘Р»Р°РіРѕРґР°СЂСЏ РёРј РІР°С€ РґРЅРµРІРЅРёРє Р±СѓРґРµС‚ РІС‹РіР»СЏРґРµС‚СЊ РЅРµ РѕСЂРґРёРЅР°СЂРЅРѕ,Рё РєСЂР°СЃРёРІРѕ.
	РўР°РєРёРјРё С‚РµРєСЃС‚Р°РјРё РјРѕР¶РЅРѕ СѓРєСЂР°С€Р°С‚СЊ
	Р—РђР“РћР›РћР’РљР Рё Р РђРњРћР§РљР.
	РќР°РїРёСЃР°РЅРёРµ С†РІРµС‚Р° Рё РєРѕРґС‹ С†РІРµС‚Р°.
	РЎРјРѕС‚СЂРёРј Рё РІС‹Р±РёСЂР°РµРј РїРѕРЅСЂР°РІРёРІС€РёР№СЃСЏ...

РўРµРєСЃС‚ СЃ РїРµСЂРµР»РёРІР°СЋС‰РµР№СЃСЏ С‚РµРЅСЊСЋ.

[more=Р•С‰С‘ РІР°СЂРёР°РЅС‚С‹...]
	...FONT-SIZE: [color=red] 25px...[/color][/color]-Р Р°Р·РјРµСЂ С‚РµРєСЃС‚Р° РњРµРЅСЏС‚СЊ РјРѕР¶РЅРѕ.
	...Glow(Color=[color=red]#FFFFCC...[/color][/color]-Р¦РІРµС‚ С‚РµРЅРё.РњРµРЅСЏС‚СЊ РјРѕР¶РЅРѕ
	...font color=&q... <a href="https://www.liveinternet.ru/users/3414243/post376360862/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Делаем красивый текст для оформления дневника.

Пятница, 09 Ноября 2035 г. 22:45 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Существую разные стили текста, для оформления вашего блога.
Придуманы не мной.Долго собирала разные необычные варианты.
И в этом уроке хочу вам их предложить.
Благодаря им ваш дневник будет выглядеть не ординарно,и красиво.
Такими текстами можно украшать
ЗАГОЛОВКИ и РАМОЧКИ.
Написание цвета и коды цвета.
Смотрим и выбираем понравившийся...

Текст с переливающейся тенью.

Ещё варианты...

Серия сообщений "Дизайн дневника":
Часть 1 - 4 онлайн сервиса по подбору цветовой гаммы.
Часть 2 - Программа подбора цвета при Web-дизайне и составлении программ Цветик ver.6.3
...
Часть 28 - Окошко для кодов.
Часть 29 - Красивый шрифт.
Часть 30 - Делаем красивый текст для оформления дневника.
Часть 31 - Полезности при оформлении сообщения дневника.
Часть 32 - Коды оформления блога

Метки: шрифты дизайн дневника лиру

Понравилось: 1 пользователю

Комментарии (0)

Рамка для оформления постов в дневнике

Пятница, 09 Ноября 2035 г. 22:25 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Оформление постов

*Mariea@mmg*

текст

Вот ее код:

<center><table style="background-image: url(''); border: 10px double #Обводка; padding: 7px; box-shadow: 0px 10px 30px #000000;" width="550"><tbody><tr><td style="padding:10px"><center><center><center><p><span style="font-size:20px;"><a href="http://www.liveinternet.ru/users/marmuh/blog/" target="_blank" title="Mariea Muhaceova"><img align="right" height="10" src="//img-fotki.yandex.ru/get/4116/50427825.7a/0_85fae_200405c9_XS.gif.jpg" width="10" /></a></span></p><br/><br/><p><span style="font-size:20px;"><em><span style="font-family:georgia,serif;">текст</span></em></span></p></center><br /> </center></center>
</td></tr></tbody></table></center>

В скобку url('') - можно вставить ссылку на фон.

Можно вставить цвет обводки, см сюда - double #Обводка;

Можно поменять размеры, цвет и направление тени - вот здесь:

box-shadow: 0px 10px 30px #000000;

За пределами рамки - сверху можно вставить Заголовок,

внизу под рамкой - Источники, свое резюме...

Вокруг всего поста можно вставить рамку- обводку.

Главное - не загромождать, не утяжелять всякими темными,
яркими, сложными фонами.

Хотя, у каждого свой вкус. Дерзайте, варьируйте.

Прекрасных вам постов!

Mariea@mmg

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 15 - Рамочки с разрывом.
Часть 16 - Простые рамки с заголовком
Часть 17 - Рамка для оформления постов в дневнике
Часть 18 - Простые рамки.
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки: рамки рамочки лиру

Понравилось: 2 пользователям

Комментарии (0)

Простые рамки с заголовком

Пятница, 09 Ноября 2035 г. 22:21 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Многие не любят тяжелых рамок. Но такие, по-моему, понравятся всем.

ТЕКСТ ЗАГОЛОВКАЗдесь будет ваш текст

В этих рамках можно менять цвет и рамки, и заголовка.

Достаточно воспользоваться этим генератором цвета
Жмите на любой цвет вращающегося круга, а справа копируйте код нужного вам цвета и вставляйте в формулу рамки

ФОРМУЛА РАМКИ

Еще простые рамки можно посмотреть ЗДЕСЬ
для вас Лариса Гурьянова

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

Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 33 - Урок как сделать закругления по краям рамки и "кармашки"
Часть 34 - Цветные рамочки для текста
Часть 35 - Простые рамки с заголовком
Часть 36 - Простые рамки с фоном
Часть 37 - Прерывистые рамки для текста
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 14 - Учимся делать Рамку с уголками.
Часть 15 - Рамочки с разрывом.
Часть 16 - Простые рамки с заголовком
Часть 17 - Рамка для оформления постов в дневнике
Часть 18 - Простые рамки.
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки: рамки рамочки лиру

Комментарии (0)

Рамочки с разрывом.

Пятница, 09 Ноября 2035 г. 22:11 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Как то уже давненько не встречала рамок, в которых есть рамочка с разрывом. Но тут мне о них напомнила falconet-n. Благодаря ей и появился этот урок. На фоне показаны несколько примеров таких рамок.

Простая рамочка

Выпуклая рамочка

Рамочка с круглыми углами

Рамочка с тенью

Рамочка с заданной шириной

урок провела Егорова Таня

Читать далее

Серия сообщений "Рамочки":
Часть 1 - Как удалить рамочку и фон в цитируемом сообщении.
Часть 2 - Набор рамочек с разрывом (можно вставлять фон)
...
Часть 13 - Прозрачная рамочка с прокруткой
Часть 14 - Учимся делать Рамку с уголками.
Часть 15 - Рамочки с разрывом.
Часть 16 - Простые рамки с заголовком
Часть 17 - Рамка для оформления постов в дневнике
...
Часть 19 - Простые рамки с фоном
Часть 20 - Урок по рамочкам
Часть 21 - Простые рамки-обводки для оформления дневника.

Метки: рамки рамочки лиру

LiveInternetLiveInternet

-Рубрики

-Трансляции

Цитатник Гаша-Макар

Перейти к полной формеБыстрая запись

Коды оформления блога

Полезности при оформлении сообщения дневника.

Вариант рамочек с тенью (простые, для текста)

Простые рамки-обводки для оформления дневника.

Урок по рамочкам

Обводка внутри рамки (блока)

Простые рамки с фоном

Простые рамки.

Делаем красивый текст для оформления дневника.

Рамка для оформления постов в дневнике

Простые рамки с заголовком

Рамочки с разрывом.