Простые ОБЪЕМНЫЕ рамочки разной формы

Понедельник, 14 Ноября 2016 г. 14:07 + в цитатник

Цитата сообщения Шадрина_Галина

Прочитать целиком В свой цитатник или сообщество!

Простые ОБЪЕМНЫЕ рамочки разной формы

Простые объемные рамочки, которыми можно разнообразить свои посты. Смотрятся они красиво, и очень просты в использовании. Рамочки не мои, собраны на просторах инета, пользуюсь ими давно , авторов не знаю, но очень им благодарна за работу.

В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки.
Копируйте их, и ставьте в свои записи в Простом редакторе, меняйте фоны под свой дневник.
Там где написано ВАШ ПОСТ- Вставляете свой текст.

В коде рамочек можно заменять фон как самой рамки, так и ободка, (если он есть).
Посмотрите внимательно на КОД РАМОЧКИ С ОБОДКОМ. Вам остается только ВМЕСТО СЛОВ, аккуратно, вставить адреса фонов ободка и основного фона рамки.

Все, что находится до слов ВАШ ПОСТ, Это ОТКРЫВАЮЩИЙ ТЕГ РАМКИ, где и находятся все значения рамки (толщина, цвет, размер. Все что стоит после этих слов, является закрывающим тегом То есть, где вы его поставите, там и будет заканчиваться рамка.

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

В рамках без ободка достаточно вставить ТОЛЬКО ФОН РАМКИ.

Объемная рамка с ободком., и закругленными краями.

КОД рамки с ободком

<div align="center"> <table style=" width:750px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="АДРЕС ФОНА ОБВОДКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:750px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;" background="АДРЕС ФОНА РАМКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center">ВАШ ПОСТ</td></tr></table></td></tr></table></div>

Более объемная (выпуклая) рамка с закругленными краями.

Код такой рамки

<div align="center"><table background="АДРЕС ФОНА РАМКИ" cellpadding="0" cellspacing="0" style=" width:740px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;"><tbody><tr><td style="padding:5px">ВАШ ПОСТ </td></tr></tbody></table></div>

Более объемная с ободком.

КОД этой рамки
<div align="center"><table style=" width:750px;-webkit-border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 40px;border-radius: 50px 50px 50px 50px;-webkit-box-shadow: #000000 5px 5px 5px;-moz-box-shadow: #000000 5px 5px 7px; box-shadow: #000000 3px 6px 6px;" background="АДРЕС ФОНА ОБВОДКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:750px;-webkit-border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px;border-radius: 50px 50px 50px 50px;" background="АДРЕС ФОНА РАМКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"> ВАШ ПОСТ </td></tr></table></td></tr></table></div>

Простая выпуклая с закругленными краями

КОД такой такой рамки
<div align="center"><div style="padding: 10px; background:url(https://img-fotki.yandex.ru/get/6717/65387414.159/0_ca958_2cb15c4d_S); border-radius: 20px 20px 20px 20px; box-shadow: 0px 0px 20px rgb(128, 128, 128), 0px 0px 20px rgb(128, 128, 128);"><center>ПОСТ</center></div></div>

Рамка с ободком, объемная квадратная.

КОД рамки. Цвет фона ободка, в этой рамке, ставится из таблицы кодов цвета НАХОДИТСЯ ЗДЕСЬ
<table style="width: 800px; border: 3px solid #330099; background-image: url('АДРЕС ФОНА РАМКИ'); box-shadow: 0px 0px 30px black; margin-center: 150px;" cellpadding="0" cellspacing="0"><tr><td style="padding: 1px;"><center></center></td></tr></table>

Простая объемная рамочка.

КОД такой рамки
<center><table style="background-image: url('АДРЕС ФОНА РАМКИ'); border: 3px dotted #; box-shadow: 0px 0px 30px #000000;" cellspacing="0" cellpadding="0" width="800"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#;font-size:20px"> ПОСТ </span></center></td></tr></table></center>

Успехов в вашем творчестве

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 6 - Красивые слайд-шоу в ваш дневник
Часть 7 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 8 - Простые, оригинальные рамочки разного цвета
Часть 9 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
...
Часть 23 - Простейший генератор оригинальных рамочек
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста

Серия сообщений "УРОКИ":
Часть 1 - КАК К КАЖДОЙ ЗАПИСИ СДЕЛАТЬ СВОЙ ФОН
Часть 2 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 3 - КАК ВСТАВИТЬ РАМОЧКУ К СЕБЕ В ДНЕВНИК.
Часть 4 - Полезный инструмент «Ножницы» на Windows 7.
...
Часть 8 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
Часть 9 - Тег more или Как убрать текст под кат
Часть 10 - текст с окошком для прокрутки.Ставим перед текстом(код)

Метки: рамки фоны

<a href="https://www.liveinternet.ru/users/ludac/post402426099/">РџСЂРѕСЃС‚С‹Рµ РћР‘РЄР•РњРќР«Р• СЂР°РјРѕС‡РєРё СЂР°Р·РЅРѕР№ С„РѕСЂРјС‹</a><br/>РџСЂРѕСЃС‚С‹Рµ РћР‘РЄР•РњРќР«Р• СЂР°РјРѕС‡РєРё СЂР°Р·РЅРѕР№ С„РѕСЂРјС‹

РџСЂРѕСЃС‚С‹Рµ РѕР±СЉРµРјРЅС‹Рµ СЂР°РјРѕС‡РєРё, РєРѕС‚РѕСЂС‹РјРё РјРѕР¶РЅРѕ СЂР°Р·РЅРѕРѕР±СЂР°Р·РёС‚СЊ СЃРІРѕРё РїРѕСЃС‚С‹. РЎРјРѕС‚СЂСЏС‚СЃСЏ РѕРЅРё РєСЂР°СЃРёРІРѕ, Рё РѕС‡РµРЅСЊ РїСЂРѕСЃС‚С‹ РІ РёСЃРїРѕР»СЊР·РѕРІР°РЅРёРё. Р Р°РјРѕС‡РєРё РЅРµ РјРѕРё, СЃРѕР±СЂР°РЅС‹ РЅР° РїСЂРѕСЃС‚РѕСЂР°С… РёРЅРµС‚Р°, РїРѕР»СЊР·СѓСЋСЃСЊ РёРјРё РґР°РІРЅРѕ , Р°РІС‚РѕСЂРѕРІ РЅРµ Р·РЅР°СЋ, РЅРѕ РѕС‡РµРЅСЊ РёРј Р±Р»Р°РіРѕРґР°СЂРЅР° Р·Р° СЂР°Р±РѕС‚Сѓ.

Р’ СЂР°РјРѕС‡РєСѓ РјРѕР¶РЅРѕ РІСЃС‚Р°РІР»СЏС‚СЊ РІСЃРµ, С‡С‚Рѕ РІР°Рј Р·Р°С…РѕС‡РµС‚СЃСЏ, С‚Рѕ РµСЃС‚СЊ РІРµСЃСЊ РІР°С€ РїРѕСЃС‚. РљРѕРґС‹ РєР°Р¶РґРѕР№ С‚Р°РєРѕР№ СЂР°РјРѕС‡РєРё РІРЅСѓС‚СЂРё РєРѕРЅРєСЂРµС‚РЅРѕР№ СЂР°РјРєРё.
РљРѕРїРёСЂСѓР№С‚Рµ РёС…, Рё СЃС‚Р°РІСЊС‚Рµ РІ СЃРІРѕРё Р·Р°РїРёСЃРё РІ РџСЂРѕСЃС‚РѕРј СЂРµРґР°РєС‚РѕСЂРµ, РјРµРЅСЏР№С‚Рµ С„РѕРЅС‹ РїРѕРґ СЃРІРѕР№ РґРЅРµРІРЅРёРє.
РўР°Рј РіРґРµ РЅР°РїРёСЃР°РЅРѕ Р’РђРЁ РџРћРЎРў- Р’СЃС‚Р°РІР»СЏРµС‚Рµ СЃРІРѕР№ С‚РµРєСЃС‚.

Р’ РєРѕРґРµ СЂР°РјРѕС‡РµРє РјРѕР¶РЅРѕ Р·Р°РјРµРЅСЏС‚СЊ С„РѕРЅ РєР°Рє СЃР°Рј... <a href="https://www.liveinternet.ru/users/ludac/post402426099/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Рубрики

-Цитатник

-Метки

-Ссылки

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Простые ОБЪЕМНЫЕ рамочки разной формы