Простые, оригинальные рамочки разного цвета

Среда, 02 Декабря 2015 г. 21:54 + в цитатник

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

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

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

В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки.
Копируйте их, и ставьте в свои записи в Простом редакторе.
Цвет ободков рамки так же можно менять. Таблица кода цветов НАХОДИТСЯ ЗДЕСЬ. Аккуратно стираете в коде рамки КОД ЦВЕТА, и меняете на свой. Для новичков поясню. Код цвета надо БРАТЬ ИЗ САМОЙ ПОСЛЕДНЕЙ КОЛОНКИ в таблице.
Там где написано ВАШ ПОСТ- Вставляете свой текст.

ВАШ ПОСТ

Код рамочки

<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px olive inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('fond'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px navy inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('fond'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px navy; width: auto;">ВАШ ПОСТ</div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px forestgreen inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('fond'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px forestgreen; width: auto;">ВАШ ПОСТ</div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px crimson inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('fond'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="padding: 50px 20px 20px 20px;"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px purple inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="border: double 4px purple; width: auto;"><div style="width: auto; background-image: url('fond'); background-color: #8470FF; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px blue inset ,0px 0px 15px 0px black; padding: 38px; background: #8DEEEE;"><div style="width: auto; background-image: url('fond'); background-color: #DEB887; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px blue; width: auto;">ВАШ ПОСТ</div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px #8B5A2B inset ,0px 0px 15px 0px black; padding: 38px; background: #FF7F24;"><div style="width: auto; background-image: url('fond'); background-color: #EE9A49; box-shadow: 0px 0px 10px black; padding: 5px;">ВАШ ПОСТ</div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div align="center"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px #0000FF inset ,0px 0px 15px 0px black; padding: 38px; background: #FF1493;"><div style="width: auto; background-image: url('fond'); background-color: #7EC0EE; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px blue; width: auto;">ВАШ ПОСТ</div></div></div></div></div>

ВАШ ПОСТ

КОД РАМОЧКИ
<div align="center"><div style="padding: 50px 20px 20px 20px;"><div style="border: 2px solid #fff; border-radius: 20px; width: auto; box-shadow: 0px 0px 15px 10px black inset ,0px 0px 15px 0px black; padding: 38px; background: #dadada;"><div style="width: auto; background-image: url('fond'); background-color: #bbbbbb; box-shadow: 0px 0px 10px black; padding: 5px;"><div style="border: double 4px black; width: auto;">ВАШ ПОСТ</div></div></div></div></div>

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

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 7 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 8 - Бродилка по сайтам для обработки фото
Часть 9 - Простые, оригинальные рамочки разного цвета
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.
...
Часть 14 - Он-лайн графические редакторы
Часть 15 - Бродилка по РУБРИКАМ моего дневника.
Часть 16 - HTML шпаргалка по линиям