Текст в цветных рамках UCOZ
В таблицу стилей вставляем:
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>
