Простые и оригинальные рамочки, которыми можно разнообразить свои посты. Смотрятся они красиво, и очень просты в использовании. Рамочки не мои, собраны на просторах инета, пользуюсь ими давно , авторов не знаю, но очень им благодарна за работу. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе. Цвет ободков рамки так же можно менять. Таблица кода цветов НАХОДИТСЯ ЗДЕСЬ. Аккуратно стираете в коде рамки КОД ЦВЕТА, и меняете на свой. Для новичков поясню. Код цвета надо БРАТЬ ИЗ САМОЙ ПОСЛЕДНЕЙ КОЛОНКИ в таблице. Там где написано ВАШ ПОСТ- Вставляете свой текст. ВАШ ПОСТ Код рамочки <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 - Несколько оригинальных формул и ссылок для дневника
...
Часть 6 - Красивые слайд-шоу в ваш дневник
Часть 7 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 8 - Простые, оригинальные рамочки разного цвета
Часть 9 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 10 - Все о бегущем тексте. Примеры и коды.
...
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.