Главная » 2011 » Декабрь » 8 » Текст в цветных рамках (Скрипты для ucoz)
08.12.2011, 22:06

Текст в цветных рамках





В таблицу стилей вставляем:
Code
#red {  
  BORDER-BOTTOM: #e89b88 1px solid; BORDER-LEFT: #e89b88 1px solid; PADDING-BOTTOM: 8px; BACKGROUND-COLOR:  

  #ffefe8; MARGIN: 0px; PADDING-LEFT: 11px; PADDING-RIGHT: 11px; COLOR: #000; FONT-SIZE: 10pt; BORDER-TOP: #e89b88  

  1px solid; BORDER-RIGHT: #e89b88 1px solid; PADDING-TOP: 8px  
  }  
  #blue {  
  BORDER-BOTTOM: #9dbdff 1px solid; BORDER-LEFT: #9dbdff 1px solid; PADDING-BOTTOM: 8px; BACKGROUND-COLOR:  

  #e1ebff; MARGIN: 0px; PADDING-LEFT: 11px; PADDING-RIGHT: 11px; COLOR: #000; FONT-SIZE: 10pt; BORDER-TOP: #9dbdff  

  1px solid; BORDER-RIGHT: #9dbdff 1px solid; PADDING-TOP: 8px  
  }  
  #green {  
  BORDER-BOTTOM: #00cc00 1px solid; BORDER-LEFT: #00cc00 1px solid; PADDING-BOTTOM: 8px; BACKGROUND-COLOR:  

  #e1ffd7; MARGIN: 0px; PADDING-LEFT: 11px; PADDING-RIGHT: 11px; COLOR: #000; FONT-SIZE: 10pt; BORDER-TOP: #00cc00  

  1px solid; BORDER-RIGHT: #00cc00 1px solid; PADDING-TOP: 8px  
  }  
  #gray {  
  BORDER-BOTTOM: #b5b5b5 1px solid; BORDER-LEFT: #b5b5b5 1px solid; PADDING-BOTTOM: 8px; BACKGROUND-COLOR:  

  #f4f4f4; MARGIN: 0px; PADDING-LEFT: 11px; PADDING-RIGHT: 11px; COLOR: #000; FONT-SIZE: 10pt; BORDER-TOP: #b5b5b5  

  1px solid; BORDER-RIGHT: #b5b5b5 1px solid; PADDING-TOP: 8px  
  }


Выделить текст в прямоугольники можно так:
Code
<div id=blue>Текст в синем прямоугольнике</div>


Code
<div id=green>Текст в зеленом прямоугольнике</div>


Code
<div id=gray>Текст в сером прямоугольнике</div>


Code
<div id=red>Текст в красном прямоугольнике</div>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 1783 | Добавил: Атом | Рейтинг: 4.0/4 |
Всего комментариев: 2
0  
1 Victor   (09.12.2011 15:25) [Материал]
Аватар пользователя
А разве не надо ставить кавычки после равно когда в div'е id указываешь dry

0  
2 frenkmalcov   (09.12.2011 16:26) [Материал]
Аватар пользователя
вроде можно и без кавычек

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]