Как выделить и облагородить "постового" » Блог DINa

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

02.12.2008
ReTweet

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

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

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

<ul>
	<li>код первой ссылки</li>
	<li>код второй ссылки</li>
	<li>код третей ссылки</li>
</ul>

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

.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 Dec 2008 | Ответить

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

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

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

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

Коротко о сайте.

Блог meganfoxstar.ru поможет вам в Установке и настройке cms Vamshop, PHPProBid, Esyndicat, закрепит и расширит имеющиеся знания. Создание сайтов, продвижение сайтов, оптимизация информации. Теория и практика seo. CSS-верстка, веб-мастеринг, интернет-технологии, манимейкинги – все это и намного больше вы сможете найти на страницах нашего проекта!.

Основной        Дополнит         Twitter
RSS фид основной    RSS фид дополнительный    Всего Фолловеров блога
1006
RSSПодписка на обновления по RSS

Обновления блога по почтеОбновления блога на почтовый ящик