» » » Навигация между новостями DLE
92 0  

Навигация между новостями DLE

В 13 версии появилась возможность делать перелинковку между следущей и предедущей новостю.

На этой странице буду собирать дизайны для оформления навигации между новостями DLE...

----

Навигация между страницами категорий

----

Сам код нужно вставить в шаблон полной новости fullstory.tpl, как правило внизу страницы.

bully В стилях не прописан шрифт! Стрелочки это символы юникода...

Вариант №1:

 Код + стили:

	<div class="nav-newsv1">        
		[prev-url]<a href="{prev-url}">‹ Предыдущая страница</a>[/prev-url]
		[next-url]<a href="{next-url}">Следующая страница ›</a>[/next-url]
	</div>

<style>
 /* navigacia megdy novostyami*/
.nav-newsv1 {width:100%;position:relative;margin:20px 0 20px 0;}
.nav-newsv1 a {display:inline-block;border: 1px solid #acbbb1;padding:6px;background:#eff2f0;position:absolute;top:0;border-radius:4px;}
.nav-newsv1 a:nth-of-type(1) {left:0;}
.nav-newsv1 a:nth-of-type(2) {right:0;}
</style>

Вариант класический №2:

Код+Стили:

	<div class="nav-newsv2">        
		[prev-url]<a href="{prev-url}">‹ Предыдущая страница</a>[/prev-url]
		[next-url]<a href="{next-url}">Следующая страница ›</a>[/next-url]
	</div>

<style>
 /* navigacia megdy novostyami №2*/
.nav-newsv2 {width:100%;position:relative;overflow:hidden;padding:8px 0 8px 0;margin:20px 0 20px 0;border-top:1px solid #acbbb1;border-bottom:1px solid #acbbb1;}
.nav-newsv2 a {display:block;width:50%;padding:6px;float:left;}
.nav-newsv2 a:nth-of-type(1) {text-align:left;}
.nav-newsv2 a:nth-of-type(2) {text-align:right;}
</style>

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

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019