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

Пятница, 21 Марта 2014 г. 08:47 + в цитатник

Цитата сообщения 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