Красивая навигация страниц для 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 по следующей ссылке
На www.dle9.com маленький наворот для вашего сайта, сделать красивая навигация страниц для DLE, позволит вам настроить tpl шаблон со стилями навигации вы найдете всё лучшее у нас форумы, хаки, модули, шаблоны.
  • 80
Рубрика: DLE хаки » Разные навороты, сборник хаков
Ранее » Хак свой Main.tpl для статических страниц« Далее Social Likes
Нажмите на ссылку, чтобыОставить комментарий