Мобильный LiveInternet

Фоновое изображение в рамке. Часть 1 01-10-2019 17:43

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

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

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

Ваша подпись

<center><div style="border:2px solid #EBE3D4; width:650px; padding:18px; background-image: url('https://img-fotki.yandex.ru/get/6846/163781271.c8/0_dce0f_53e73c4b_XXS.jpg'); box-shadow:rgba(0,0,0,.8) 0 5px 11px -5px;"><div style="border:2px solid #EBE3D4; padding:18px; background:#E2D6C1; border-radius:32px; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; font-family:Georgia; font-size:19px; font-style:italic; color:#663300;">Здесь будет ваш текст<br /> <br /> <center><center><a data-cke-saved-href="ССЫЛКА НА ВАШ БЛОГ" href="ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></center></div></div></center>

Объяснительная часть

комментарии: 0 понравилось! вверх^ к полной версии

Клипарт "Птицы" 01-10-2019 17:41

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

Красивый клипарт "Птицы" для ваших работ.
Все изображения кликабельны.
Фотографии в альбоме "Разные птицы" Ю. Гурбер на Я. Ф.

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

комментарии: 0 понравилось! вверх^ к полной версии

Глиттеры с черной основой. 01-10-2019 17:35

Это цитата сообщения Эврика-121269 Оригинальное сообщение

Если пост понравился,

жмите нравится и цитируйте.

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

комментарии: 0 понравилось! вверх^ к полной версии

Рамки, украшенные картинкой. Коды рамок 01-10-2019 17:26

Это цитата сообщения Юлия_Гурбер Оригинальное сообщение

С помощью CSS можно сделать вот такие лёгкие симпатичные рамки с картинкой слева, либо справа от текста.
Не буду вдаваться в подробности, как их собрать с нуля, а поясню самое необходимое. Под каждой рамкой стоит готовый код шаблона.

Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись

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

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для дневника. "Пасхальный кулич" 01-10-2019 16:51

Это цитата сообщения Vi-Natalka Оригинальное сообщение

Ваш текст будет здесь

[показать]
Код рамочки:

Далее вариант без анимации...

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для дневника «Ромашки-солнышки» 01-10-2019 16:48

Это цитата сообщения R-Oksana Оригинальное сообщение

Ваш красивый текст ...будет здесь...

<center><table border="0" background="https://img-fotki.yandex.ru/get/222565/242007152.78/0_1435b9_1e9980f2_orig" cellpadding="0" cellspacing="0" height="512" width="800"></table><table border="0" background="https://img-fotki.yandex.ru/get/467315/242007152.78/0_1435ba_a7c4d6d3_orig" cellpadding="0" cellspacing="0" height="80" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #fdf8d9"><span style="font-size: 20px;"><span style="font-family: Georgia"> Ваш красивый текст ...будет здесь...<br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/249307/242007152.78/0_1435bb_6a610019_orig" cellpadding="0" cellspacing="0" height="135" width="800"><tr><td><center><a href="http://www.liveinternet.ru/users/5041332/blog#post407799648" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/39/455/39455483_1234251264_9.gif " width="9" height="8" border="0" title="R-Oksan@" alt="R-Oksan@" /></a></center> </td></tr></table></center>

комментарии: 0 понравилось! вверх^ к полной версии

Поздравительные рамочки. Несколько вариантов 01-10-2019 16:38

Это цитата сообщения R-Oksana Оригинальное сообщение

Ваш красивый текст ...будет здесь...

<center><table border="0" background="https://img-fotki.yandex.ru/get/770851/242007152.8b/0_14bebb_424dbdfe_orig" cellpadding="0" cellspacing="0" height="632" width="800"></table><table border="0" background="https://img-fotki.yandex.ru/get/1030703/242007152.8b/0_14bebe_c631ed99_orig" cellpadding="0" cellspacing="0" height="44" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #dda074"><span style="font-size: 20px;"><span style="font-family: Georgia"> Ваш красивый текст ...будет здесь...<br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/476474/242007152.8b/0_14bebf_876f0e64_orig" cellpadding="0" cellspacing="0" height="124" width="800"><tr><td><center><a data-cke-saved-href="http://www.liveinternet.ru/users/5041332/blog#post407799648" href="http://www.liveinternet.ru/users/5041332/blog#post407799648" target="_blank"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0/39/455/39455483_1234251264_9.gif " src="//img1.liveinternet.ru/images/attach/c/0/39/455/39455483_1234251264_9.gif " width="9" height="8" border="0" title="R-Oksan@" alt="R-Oksan@" /></a></center> </td></tr></table></center>

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

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для текста. "Я слышу музыку Весны..." 01-10-2019 16:35

Это цитата сообщения Vi-Natalka Оригинальное сообщение

Я слышу музыку Весны, стреляющие звуки почек ... И листья пробуют на ощупь шуршащий воздух тишины ...
/Эдуард Балашов/

[показать]
Код рамочки:

Далее варианты без анимации и без эпиграфа...

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для дневника "..О,если бы цветы заговорили.." 01-10-2019 16:30

Это цитата сообщения R-Oksana Оригинальное сообщение

Ваш красивый текст ...будет здесь...

[показать]

<center><table border="0" background="http://www.yapfiles.ru/files/2153403/_..oeslibycvetyzagovorili..kakiebbylinezhnyeslova.._01.gif" cellpadding="0" cellspacing="0" height="607" width="800"></table><table border="0" background="http://www.yapfiles.ru/files/2153406/_..oeslibycvetyzagovorili..kakiebbylinezhnyeslova.._02.png" cellpadding="0" cellspacing="0" height="98" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><p style="font-size: 1.2em; text-shadow: 1.5px 1.4px 1.4px #000; color: #9fa58a;"><span style="font-size: 20px;"><span style="font-family: Georgia"> Ваш красивый текст ...будет здесь...<br /> </span></span> </p></strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="http://www.yapfiles.ru/files/2153407/_..oeslibycvetyzagovorili..kakiebbylinezhnyeslova.._03.png" cellpadding="0" cellspacing="0" height="95" width="800"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/5041332/blog/" target="_blank"><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.yapfiles.ru/files/2121618/39455483_1234251264_9.gif " target=_blank border="0">[показать]</a></a></center> </td></tr></table></center>
ЗДЕСЬ ЕЩЁ 2 варианта рамочек

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для текста «Музыка для души» 01-10-2019 16:23

Это цитата сообщения R-Oksana Оригинальное сообщение

Ваш красивый текст ...будет здесь...

[показать]

<center><table border="0" background="http://www.yapfiles.ru/files/2206795/dlyadushi_01.gif" cellpadding="0" cellspacing="0" height="662" width="800"></table><table border="0" background="http://www.yapfiles.ru/files/2206796/dlyadushi_02.png" cellpadding="0" cellspacing="0" height="58" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><p style="font-size: 1.2em; text-shadow: 1.4px 1.4px 1.5px #000; color: #d6a461;"><span style="font-size: 18px;"><span style="font-family: Georgia"> Ваш красивый текст ...будет здесь...<br /> </span></span> </p></strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="http://www.yapfiles.ru/files/2206797/dlyadushi_03.png" cellpadding="0" cellspacing="0" height="103" width="800"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/5041332/blog/" target="_blank"><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.yapfiles.ru/files/2121618/39455483_1234251264_9.gif " target=_blank border="0">[показать]</a></a></center> </td></tr></table></center>

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка «Ноябрь – преддверие зимы». Автор R-Oksana 01-10-2019 14:47

Это цитата сообщения R-Oksana Оригинальное сообщение

Ваш красивый текст ...будет здесь...

[показать]

<center><table border="0" background="http://www.yapfiles.ru/files/2281552/imeni12_01.gif" cellpadding="0" cellspacing="0" height="576" width="800"></table><table border="0" background="http://www.yapfiles.ru/files/2281554/imeni1_02.png" cellpadding="0" cellspacing="0" height="64" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><p style="font-size: 1.2em; text-shadow: 1.5px 1.4px 1.4px #000; color: #afa796;"><span style="font-size: 18px;"><span style="font-family: Georgia"> Ваш красивый текст ...будет здесь...<br /> </span></span> </p></strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="http://www.yapfiles.ru/files/2281556/imeni1_03.png" cellpadding="0" cellspacing="0" height="144" width="800"><tr><td><center><a data-cke-saved-href="https://www.liveinternet.ru/users/5041332/blog/" href="https://www.liveinternet.ru/users/5041332/blog/" target="_blank"><img data-cke-saved-src="http://www.yapfiles.ru/files/2121618/39455483_1234251264_9.gif " src="http://www.yapfiles.ru/files/2121618/39455483_1234251264_9.gif " alt="D1opY.gif" border="0" /></a></center> </td></tr></table></center>

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для текста Пионовый вечер... 01-10-2019 12:20

Это цитата сообщения Vi-Natalka Оригинальное сообщение

Пионовое настроение. Легкое, воздушное, ароматное и очень-очень приятное!©

[показать]
Код рамочки:

Далее анимация только свечи и вообще без анимации...

комментарии: 0 понравилось! вверх^ к полной версии

Рамочки для текста "Кофейное настроение" 01-10-2019 12:17

Это цитата сообщения R-Oksana Оригинальное сообщение

ВАШ ТЕКСТ ...

<br /><br /><br /> <center><table border="0" background="https://img-fotki.yandex.ru/get/4014/242007152.1d/0_f3712_602c6158_orig" cellpadding="0" cellspacing="0" height="341" width="780"></table><table border="0" background="https://img-fotki.yandex.ru/get/3913/242007152.1d/0_f3713_c4a06b34_orig" cellpadding="0" cellspacing="0" height="79" width="780"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #fdbc8f"><span style="font-size: 20px;"><span style="font-family: Georgia"> ВАШ ТЕКСТ ...<br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/4808/242007152.1d/0_f3714_34e31fa2_orig" cellpadding="0" cellspacing="0" height="291" width="780"><tr><td><center><br /><br /><br /><br /><br /><br /><a href="http://www.liveinternet.ru/users/5041332/profile" target="_blank"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0/39/455/39455489_1234251297_12a.gif" src="//img1.liveinternet.ru/images/attach/c/0/39/455/39455489_1234251297_12a.gif" /></a></center> </td></tr></table><br /><br /></center>

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

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка "Кулинарные рецепты" 01-10-2019 10:47

Это цитата сообщения R-Oksana Оригинальное сообщение

ВАШ ТЕКСТ ...

<br /><br /><br />
<center><table border="0" background="https://img-fotki.yandex.ru/get/15586/242007152.2c/0_100a3b_84567a1c_orig" cellpadding="0" cellspacing="0" height="686" width="800"></table><table border="0" background="https://img-fotki.yandex.ru/get/15585/242007152.2c/0_100a36_f2bb12e_orig" cellpadding="0" cellspacing="0" height="58" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #fdf8bc"><span style="font-size: 20px;"><span style="font-family: Georgia">    ВАШ ТЕКСТ ...<br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/15520/242007152.2c/0_100a37_707205a2_orig" cellpadding="0" cellspacing="0" height="76" width="800"><tr><td><center><a href="http://www.liveinternet.ru/users/5041332/profile" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/39/455/39455483_1234251264_9.gif" /></a></center> </td></tr></table><br /><br /></center>

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для текста «Шоколадное настроение» 01-10-2019 09:59

Это цитата сообщения R-Oksana Оригинальное сообщение

Ваш красивый текст ...будет здесь...

<center><table border="0" background="http://www.yapfiles.ru/files/1949050/nastroenie_01.gif" cellpadding="0" cellspacing="0" height="626" width="800"></table><table border="0" background="http://www.yapfiles.ru/files/1949052/nastroenie_02.png" cellpadding="0" cellspacing="0" height="69" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #c7c8c4"><span style="font-size: 20px;"><span style="font-family: Georgia"> Ваш красивый текст ...будет здесь...<br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="http://www.yapfiles.ru/files/1949053/nastroenie_03.png" cellpadding="0" cellspacing="0" height="105" width="800"><tr><td><center><a href="http://www.liveinternet.ru/users/5041332/blog#post407799648" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/39/455/39455483_1234251264_9.gif " width="9" height="8" border="0" title="R-Oksan@" alt="R-Oksan@" /></a></center> </td></tr></table></center>
ЗДЕСЬ РАМОЧКА БЕЗ АНИМАЦИИ

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка с птичками "Нежная" 01-10-2019 09:52

Это цитата сообщения R-Oksana Оригинальное сообщение

... ВАШ ТЕКСТ ...

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка для текста"Киса" 01-10-2019 09:31

Это цитата сообщения R-Oksana Оригинальное сообщение

ВАШ ТЕКСТ ...

<br /><br /><br />
<center><table border="0" background="https://img-fotki.yandex.ru/get/15498/242007152.26/0_f99d7_3c83477a_orig" cellpadding="0" cellspacing="0" height="568" width="800"></table><table border="0" background="https://img-fotki.yandex.ru/get/15540/242007152.26/0_f99d8_9ca7f04e_orig" cellpadding="0" cellspacing="0" height="54" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #271e1a"><span style="font-size: 20px;"><span style="font-family: Georgia">    ВАШ ТЕКСТ ...<br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/15552/242007152.26/0_f99d9_c8e25bd4_orig" cellpadding="0" cellspacing="0" height="106" width="800"><tr><td><center><a href="http://www.liveinternet.ru/users/5041332/profile" target="_blank"><img src="//img-fotki.yandex.ru/get/6204/155524994.32/0_74ace_a3c9c5bf_S.jpg" /></a></center> </td></tr></table><br /><br /></center>

комментарии: 0 понравилось! вверх^ к полной версии

Хочется уже чего-то яркого...Фото Кикайон 01-10-2019 02:50

Это цитата сообщения Кикайон Оригинальное сообщение

Три веселых друга

комментарии: 0 понравилось! вверх^ к полной версии

Поют осенние дожди... схема для дневника. Автор Shemki_Kamelius 01-10-2019 02:38

Это цитата сообщения Shemki_Kamelius Оригинальное сообщение

Название: Поют осенние дожди - 1
Автор: Shemki_Kamelius
Создана: 16.10.2018 00:08
Скопировали: 10 раз
Установили: 18 раз
Примерить схему | Cохранить себе

Название: Поют осенние дожди - 2
Автор: Shemki_Kamelius
Создана: 16.10.2018 00:09
Скопировали: 1 раз
Установили: 12 раз
Примерить схему | Cохранить себе

вчера из за глюков не смогла опубликовать

комментарии: 0 понравилось! вверх^ к полной версии

Несколько разных схем от Кикайон 01-10-2019 02:25

Это цитата сообщения Кикайон Оригинальное сообщение

Название: Белочки
Автор: Кикайон
Создана: 20.11.2012 17:21
Скопировали: 32 раз
Установили: 20 раз
Примерить схему | Cохранить себе

м (200x403, 32Kb)

Далее

комментарии: 0 понравилось! вверх^ к полной версии