Красивая навигация страниц для DLE

Категория: Хаки DLE » Сборник разных хаков
Красивая навигация страниц для DLE
Представляем на http://www.dle9.com/ все для сайта DataLife Engine маленький наворот для вашего сайта, сделать красивая навигация страниц для DLE, которая позволит вам настроить tpl шаблон со стилями навигации.

Установка:
Открываем любой стиль в вашем шаблоне, к примеру 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 в вашем шаблоне, заменяем там всё на это :

<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 с картинкой добавить в шаблон

Скачать хак красивая навигация страниц для DLE по следующей ссылке
  • 80
Рубрика: DLE хаки » Разные навороты
Ранее » Хак свой Main.tpl для статических страниц« Далее Social Likes
Добавление комментарияОставить комментарий