Все для DataLife Engine / DLE хаки / Разные навороты, сборник хаков / Красивая навигация страниц для DLE

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


Представляем на https://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 по следующей ссылке

Krasivaya-stranichnaya-navigaciya.rar [3,88 Kb] (cкачиваний: 190)
  • 80
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent