• Авторизация


Простая цветная рамка с закруглёнными краями за 5 минут 21-05-2014 10:59 к комментариям - к полной версии - понравилось!

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

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

Это простая цветная рамка с закруглёнными краями в редакторе HTML
Очень удобна, без использования фона, будете только менять цвет фона, который вам удобен. Растягивается вниз, а ширину сами будете менять.
Вот код рамочки

<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>


А ниже немного инфы о тегах в коде рамочки


border-radius: 45px - это закругление (меняя число 45 - будет разный угол закругления)
background: #2C55F9 - цвет рамки
border: 8px - это ширина бордюра
solid #FFFF33: - это цвет бордюра
color:#FFFFAD - это цвет шрифта
Если вы хотите, чтобы рамка растягивалась вниз, то после тега height: px не проставляйте значения, как у меня в коде. А если решите установить, то перед PX поставьте на ваше усмотрение размер высоты.
Ширина у меня стоит width: 500px
Размер ширины меняйте какой хотите, все зависит от размеров ваших картинок, которые вы будете выставлять в рамочке.
А это верный помощник - цветовой флеш-генератор, который поможет быстро выбрать цвет


КОД ГЕНЕРАТОРА
[flash=400,400,http://clock.moy.su/tpl/flash/color.swf]

Какие будут вопросы, обращайтесь! Всем удачи и хорошего весеннего настроения!
Ваша Arnusha
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Простая цветная рамка с закруглёнными краями за 5 минут | Kimmi5 - Дневник Kimmi5 | Лента друзей Kimmi5 / Полная версия Добавить в друзья Страницы: раньше»