Красивая страничная навигация
Tpl Шаблон со стилями навигации для dle
Открываем styles.css и ищем /*---navigation---*/. Заменяем все стили навигации на это:
/*навигация*/
.navigation{border:none}
.navigation a:link,.navigation a:active,.navigation a:visited{
background:url(../images/highlight_strong.png) repeat-x scroll 0 0 #E5E5E5;
border: 1px solid #BCBCBC;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
color: #747474;
font-size: 11px;
font-weight: normal;
padding: 4px 7px;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: lowercase;}
.navigation a:hover{ background-color: #EFEFEF; color: #747474;}
.navigation span{
background: none repeat scroll 0 0 #5C5C5C;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) inset, 0 1px 0 #FFFFFF;
color: #FFFFFF;
cursor: default;
padding: 4px 7px;
}
Или
/*Pagination*/
.navigation { text-align: center;clear:both;display:block; line-height: 20px; cursor:default; margin-bottom: 15px; margin-right: 3px; padding: 8px;}
.navigation span {color:#fff; font-size:12px;}
.navigation span {text-decoration:none;text-align:center; border-radius:3px; text-align: center; color:#fff;display:inline-block;padding:0px 8px 0px 8px;background:#ff6600;}
.navigation span:hover {background:#ff6600;text-decoration:none;}
a.swchItem span {color:#fff; text-decoration:none;}
a.swchItem:hover {background:#363739;text-decoration:none;}
.navigation a, .swchItem {background:#818181;border-radius:3px;color:#fff;display:inline-block;padding:0px 8px 0px 8px;text-align: center; text-decoration:none;}
.navigation a:hover {color:#fff;background:#363739;text-decoration:none;}
span.swchItemDots span {color: #818181;}
Открываем navigation.tpl, заменяем там всё на это (для Dle)
<br /><div class="dpad basenavi">
<div class="bnnavi">
<div class="navigation">
[prev-link]Назад[/prev-link]
{pages}
[next-link]Вперед[/next-link]
</div>
</div>
</div>
Для других CMS просто заменить название переменных.
Картинку закиньте в папку images