]]> ]]>

Как выделить и облагородить “постового”

От wolf | 02.12.2008 | раздел - WordPress |

«Постовой» представляет собой список ссылок на другие сайты, который находится в основном в конце каждой статьи на блоге. Список привязан только к определенному посту, поэтому и называют “постовым”.

Выделяют этот список кто как от основного текста. В основном это - ———————– или ****************** или ================. А ведь довольно просто выделить постовой заменой цвета или стиля. Пока не видел плагинов по расстановке “постовых” и их облагораживанию. Но и просто вручную довольно несложно все сделать.

В конце статьи, или в выбранном месте тела статьи, достаточно вписать следующее с нужным заполнением

1
2
3
4
5
6
<p class="postovoi">
<ul>
<li>код первой ссылки</li>
<li>код второй ссылки</li>
<li>код третей ссылки</li>
</ul>

дополняем файл style.css следующим примером

1
2
3
.postovoi{width:300px;padding:10px;margin:0 10px;border:1px solid #ace;background:#EBF3FB;}
.postovoi ul{border-top:1px solid #e6e6e6;margin-bottom:5px;}
.postovoi ul li{padding:5px 0px;border-bottom:1px solid #e6e6e6;}

Вот и все. Немного более сложно, чем просто все понаписать, но ведь согласитесь, так “постовой” выглядит более презентабельно.

Подписка без комментария.

Отзывов 2 на “Как выделить и облагородить “постового””

  1. 1От raven 7 Дек 2008 | Ответить

    А можно поточнее сказать куда тыкать.
    Не выходит что то у меня

  2. 2От StMD 6 Фев 2009 | Ответить

    Спасибо. Попробовал, не получилось у меня с атрибутами ul и li - какое-то нереально большое расстояние между строчками. Видимо унаследовано откуда-то…
    Вобщем оставил просто прямоугольным блоком и текстом в нем. Не силен я в CSS

Извините, но коментирование запрещено.

О сайте

Наше направление - помощь новичкам в интернет, тем кто решил создать свой сайт и даже может быть уже сделал свой первый шаг в сети. Поговорим обо всем понемногу, о создании сайтов, продвижении сайтов, оптимизации информации. Поговорим о установке и настройке Esyndicat, Vamshop, PHP Pro Bid и др.     »» Далее

Найти :