[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Cartman  
Красивая сортировка новостей
CartmanДата: Четверг, 04.11.2010, 11:41 | Сообщение # 1
Жиртрест
Группа: V.I.P
Сообщений: 50
Награды: 0
Репутация: 11
Статус: :-(
Вот задумался я, как изменить стандартную юкозовскую сортировку, и заметил, что никакого скрипта писать не нужно, всего лишь прописать стиль и вставить ссылки.Ну вот собственно и делаем, данный код пихаем в CSS

Code
.sorting{
margin:0 0 10px;
padding:4px 0;
list-style:none;
border:solid #000;
border-width:1px 0;
background:#4e4e4e;
color:#fff;
text-align:center;
}
.sorting li{
display:inline;
}
.sorting li a{
padding:3px;
color:#fff;
text-decoration:none;
}
.sorting a:hover{
color:#393939;
background:#fff;
}​

А этот код пихаем перед новостями:

Code
<ul class=»sorting»>
<li><strong>Сортировать по:</strong> |</li>
<li><a href=»/news/0-0-1-0-16-4″>комментариям</a> |</li>
<li><a href=»/news/0-0-1-0-16-1″>дате добавления</a> |</li>
<li><a href=»/news/0-0-1-0-16-2″>рейтингу</a> |</li>
<li><a href=»/news/0-0-1-0-16-3″>просмотрам</a> |</li>
</ul>

Вот так все просто оказалось.
При копировании материала, ссылка на источник и автора обязательна.
Уважайте чужой труд.

Источник: liberoblog.ru
Автор: Cartman

 
  • Страница 1 из 1
  • 1
Поиск:
 
Наши сервера DeadMen Турниры
 

CSS IP текс2 текст3
CSS 10 slot IP текст5 текст6
CoD 4 10 slot текст8 текст9
  текст10 текст11
  текст12 текст13
  текст14 текст15
© deadmen-online.ru 2007-2011
Все права защищены.

текст
текст1