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

Суббота, 18 Июля 2015 г. 00:15 + в цитатник

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

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

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

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

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

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

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

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

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

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

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

<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 - Несколько оригинальных формул и ссылок для дневника
...
Часть 6 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 7 - Красивые слайд-шоу в ваш дневник
Часть 8 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 9 - Он-лайн конвертер с большим выбором форматов