Главная » DARYA DLE » Готовые дизайны » Навигация между новостями DLE
435 0  

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

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

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

----

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

----

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

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

Вариант №1:

 Код + стили:

	<div class="nav-newsv1">        
		[prev-url]<a href="{prev-url}">‹{prev-title}</a>[/prev-url]
		[next-url]<a href="{next-url}">{next-title}›</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;border-radius:4px; margin:10px 0;}
.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}">‹ "{prev-title}"</a>[/prev-url]
		[next-url]<a href="{next-url}">  "{next-title}" ›</a>[/next-url]
	</div>

<style>
.nav-newsv2 {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; 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:46%;padding:10px;}
.nav-newsv2 a:last-child {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
2021