Главная » Статьи » Статьи по Ucoz.

Красивая рамка под текста для uCoz

Красивая рамка под текста для uCoz

Пример:
Красивая рамка под текст для ucoz  

Сначала сам код для рамки  (в uCoz  работает):

Code:
<div style="background-color: lightyellow; border-width:1; border-color: rgb(190,190,190); border-style:dotted; padding:5px;"> <b> Красивая рамка под текст для ucoz</b></a></div>

Вы можете просто скопировать данный текст и заменив « Красивая рамка под текст для uCoz» на свою смело можете вставлять в свой пост на сайт uCoz. Но это если не вдаваться в подробности. Тем же кому интересно что за что отвечает читать дальше.

По своему опыту знаю когда понимаешь с чем имеешь дело, работать становиться легче, чем когда «сделай то, сам не знаю чего».

И так что есть что.

background-color: lightyellow --- тут все просто особенно для тех кто владеет англиским языком. Это цвет фона рамки  словами.

Можно, проще, просто укажите цвет RGB. Делается это так: background: 225 204 0; R = 225 G = 204 B = 0 –  это цвет Яндекса, то есть что то типо оранжевого.  В таблице цветов HTML  - это будет иметь такой вид: #ffcc00.

border-width:1 --- тут то же сложного ни чего нет, по слову БОРДЕР уже можно додуматься за что отвечает данная функция.  Это толщина обводки рамки. Ее можно указывать в пикселях и процентах.border-style:dotted --- это стиль обводки. В этом случае применяется пунктир: dotted.

Можно задать цвет для рамки  --- для этого вам нужно к border-width:1 добавить значение solid #ffcc00.  #ffcc00 - это как вы уже знаете цвет, его можно поменять на любой другой.

В рамку  так же можно добавить и другие параметры, например:

color: #ffcc00 --- цвет текста.

text-align:center , text-align:left , text-align:right --- расположение текста в рамке  (слева, по центру, справа)

font-size:10px --- размер текста 10 пикселей

Это  основные параметры. Есть и другие, но полагаю они вам не пригодятся.

На этом все. Удачи и продвижения вашему сайту uCoz  и другим!



На этом все, спасибо за внимания, надеюсь, мой пост вам помог, и вы оцените мои труды, кликнув по одной из кнопок, социальной сети и поделитесь с друзьями. Не забываем подписаться на обновления. Удачи!

Другие материалы по теме:


Категория: Статьи по Ucoz. | Добавил: maloir (11.02.2013) | Автор: Красивая рамка для текста для uCoz E W
Просмотров: 3296 | Комментарии: 1 | Теги: рамка, Красивая рамка для текста для uCoz, uCoz | Рейтинг: 0.0/0
     Подпишитесь на обновления Библиотеки Шедар Кассиопеи:

     Ваш Email:     

Случайное:

Всего комментариев: 0
Имя *:
Email:
Код *: