Тамара (mtv59) wrote,
Тамара
mtv59

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

Автор - Arnusha. Это цитата этого сообщения


<td style="padding:20px;text-align:justify">
Это простая цветная рамка с закруглёнными краями в редакторе 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>


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

<td style="padding:20px;text-align:justify">

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
</td>

Серия сообщений "Рамочки":
Часть 1 - Рамочка - Море, дельфины.
Часть 2 - Рамочкa 1082.
...
Часть 38 - Оооочень простая рамка .
Часть 39 - Рамка с прокруткой от Arnusha.
Часть 40 - Простая цветная рамка с закруглёнными краями.

Оригинал записи и комментарии на LiveInternet.ru

Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments