Выделение текста рамкой и оформление на заданном цветном фоне
Любому из веб мастеров в своих статьях бывает необходимо выделить какую-то часть текста в рамку. Текст будет более заметным, читатели обращают внимание на такие выделенные записи. Сегодня мы рассмотрим наиболее простые способы выделения текста в рамку. Вы сможете выделить любую часть текста или весь текст на странице, а также узнать, как выделить текст на заданном Вами фоне. Итак приступим:
Точечная рамка, заключить текст в этом коде:
<div style="border:5px dotted #0e5198;padding:10px;">ваш текст</div>
Заключить текст простой линией в этот код:
<div align="center" style="border: 1px solid #9b089e;">ваш текст</div>
Этот стиль CSS вставляется в шаблон, изменить шаблон: Ваш текст будет выделен на заданном Вами фоне, как у меня здесь. Вы так же можете установить фон для всей страницы. Найти в шаблоне после тэга <head> строку <b:skin> ... </ b:skin>,нажмите на стрелку слева.
Прокрутите вниз и находите строку ]]></ b:skin>
Выше этой строки вставляете код ниже
.code 1 {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;background : #f3f3f3;
border-top : 1px solid #E3E3E3; цвет границы
border-right : 1px solid #E3E3E3; цвет гранцы справа
border-bottom : 1px solid #E3E3E3; цвет нижней границы
border-left : 1px solid #E3E3E3; цвет границы слева
border-radius: 5px; размер рамки
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Вы можете вставить в шаблон и использовать несколько стилей CSS. Измените только code2; code3; code4; и.т.д. вставьте другие цвета и размеры. Затем, когда напишите текст, заключите его в редакторе сообщений, нажав на вкладке HTML в следующем коде
ЗИТТА