Как сделать так, чтобы постовые в вашем тексте не терялись, а наоборот, были ярко выраженными? Ведь тогда и рекламодателям будет хорошо – вы представили их рекламный текст наилучшим образом, на него сразу будут обращать внимание, и читателям будет тоже хорошо, потому что они будут знать, что вот эти красиво оформленные ссылки – это уже постовые, а не текст статьи. Их легко можно будет найти в большом объеме, и если они оформлены красиво, то могут служить не просто рекламой, а своеобразным декоративным украшением блога, не портя его тему.
Предлагаю рассмотреть один из вариантов, который мне кажется самым легким и безопасным. Для оформления постовых, нужно в файле стиля темы добавить несколько пунктов, которые и будут описывать, как выглядит постовой.
Открываем файл оформления темы css и вставляем туда следующий код:
.postovoi{width:300px;padding:10px;margin:0 10px;border:1px solid #ace;background:#EBF3FB;}
.postovoi ul{border-top:1px solid #FF0000;margin-bottom:5px;}
.postovoi ul li{padding:5px 0px;border-bottom:1px solid #FF0000;} Этот код заводит новый класс данных. Он так и называется – постовой (postovoi). Теперь если указывать этот класс, то весь текст, который будет принадлежать этому классу, будет оформлен, как постовые в этой статье.
Сделаем себе небольшую заготовку для вставки постовых. Например, создадим текстовый файл (правильным текстовым редактором!), и напишем в нем такой код:
<p class="postovoi"> <ul> <li>первой постовой</li> <li>второй постовой</li> <li>третий постовой</li> </ul> </p>
Все, нам остается только лишь вставлять этот код в конец (или начало) поста, а всю остальную работу по красивому оформлению постовых берет на себя файл css.
