pages.tpl -navigation.ini- css Ну никак не получается...

Евгений · 2009-06-11 03:08:39

Вот код CSS:

.activespan-nav b{padding: 5px 10px 5px 10px;background:#FFF;color:#ffffff;}
.noactivespan-nav  a{padding:5px 10px 5px 10px;background:#e7e7e7;color:#000;}
.noactivespan-nav  span{padding:5px 10px 5px 10px;background:#5DA130;color:#000;}
.noactivespan-nav a:hover{padding:5px 10px 5px 10px;background:#5DA130;color:#000;}

Вот navigation.ini:

prevlink    = "<a href='%link%'>%page%</a>"
nextlink    = "<a href='%link%'>%page%</a>"
current_page    = "<span>%page%</span>"
link_page    = "<a href='%link%'>%page%</a>"
dots        = "<span>...</span>"

А вот и pages.tpl:

<br><span class="noactivespan-nav">[prev-link]Назад[/prev-link]</span><span class="noactivespan-nav">{pages}</span><span class="noactivespan-nav">[next-link]Далее[/next-link]</span><br><br />

Почему не получается троеточие в navigation.ini сделать квадратиком? Хмм ума не приложу как сделать, даже

dots        = "<span class='noactivespan-nav'>...</span>"

class впихнул в navigation.ini, и ничего как было так и осталось помогите кто может.:)

Изменено Евгений (2009-06-11 22:14:05)

Евгений · 2009-06-11 22:01:55

Люди помогите кто знает как к этим точкам применить классы!!! АууууАаАА:|

RocketBoy · 2009-06-11 22:34:02

ХЗ
попробуй для span display: block;:|

Евгений · 2009-06-11 23:51:39

RocketBoy пишет:

ХЗ
попробуй для span display: block;:|

.activespan-nav b{padding: 5px 10px 5px 10px;background:#FFF;color:#ffffff;}
.noactivespan-nav  a{padding:5px 10px 5px 10px;background:#e7e7e7;color:#000;}
.noactivespan-nav  span{padding:5px 10px 5px 10px;background:#5DA130;color:#000;display: block;}
.noactivespan-nav a:hover{padding:5px 10px 5px 10px;background:#5DA130;color:#000;}

Wolverine · 2009-06-12 00:10:51

Евгений · 2009-06-12 00:47:32

Я это сделал в pages.tpl вот как :

<br><table height="23" border="0"><tr height="23"><td background="http://web-advice.ru/templates/ind/images/shab/fon.jpg" height="23"><span class="noactivespan-nav">[prev-link]Назад[/prev-link]</span><span class="noactivespan-nav">{pages}</span><span class="noactivespan-nav">[next-link]Далее[/next-link]</span></td></tr></table><br><br />

Пришлось создавать таблицу в которой фоновым рисунком стала картинка серого цвета. Да все бы хорошо но не в IE7:

Там картинка фоновая больше чем все остальное.

А вот скрин того же кода в Лисе:

А вот кстати что сделал с CSS:

.activespan-nav b{padding: 5px 10px 5px 10px;background:url(http://www.web-advice.ru/templates/ind/images/shab/fon.jpg);color:#e7e7e7;}
.noactivespan-nav  a{padding:5px 10px 5px 10px;background:url(http://www.web-advice.ru/templates/ind/images/shab/fon.jpg);color:#000;}
.noactivespan-nav  span{padding:5px 10px 5px 10px;background:url(http://www.web-advice.ru/templates/ind/images/shab/fon_nav_green.jpg);color:#000;}
.noactivespan-nav a:hover{padding:5px 10px 5px 10px;background:url(http://www.web-advice.ru/templates/ind/images/shab/fon_nav_green.jpg);color:#000;}

Но все равно в Лисе норм а в Осле нет!:(

Может у кого нибудь есть идеи?

insider · 2009-06-12 02:18:37

pages.tpl

[prev-link]Назад[/prev-link]{pages}[next-link]Далее[/next-link]

navigation.ini

prevlink	= "<span class='noactivespan-nav'><a href='%link%'>%page%</a></span>"
nextlink	= "<span class='noactivespan-nav'><a href='%link%'>%page%</a></span>"
current_page	= "<span class='activespan-nav'><b>%page%</b></span>"
link_page	= "<span class='noactivespan-nav'><a href='%link%'>%page%</a></span>"
dots		= "<span class='noactivespan-nav'>...</span>"

style.css

.activespan-nav {
	padding: 5px 10px 5px 10px;
	background: #5da130;
}

.activespan-nav b {
	color: #000000;
}

.noactivespan-nav {
	padding: 5px 10px 5px 10px;
	background: #e7e7e7;
}

.noactivespan-nav:hover {
	background: #5da130;
}

.noactivespan-nav a {
	color: #000000;
}

Изменено insider (2009-06-12 02:20:12)

Евгений · 2009-06-12 03:22:14

insider, все сделал как ты написал но не хочет он применять стиль для трех точек.

Ай, ну да ладно фиг с ней с этой навигацией главное что в Лисе все нормально когда используешь фоновую картинку.

Спасибо insider за помощь.:)

Евгений · 2009-06-12 03:27:07

Хотя теперь понятно что дело не в navigation.ini !!!

insider, подскажи какой php файл отвечает за вывод navigation.ini

просто я вобще брал и удалял эти три точки из navigation.ini и ничего они как были так и оставались. Почему...?:|

Я в общем нашел не решение конечно, но замену http://web-advice.ru/?cstart=5.

Вот только один вопрос, последний надеюсь :

Я думаю по скрину понятно в чем он заключается.

Заранее спасибо.

Изменено Евгений (2009-06-12 03:48:48)

insider · 2009-06-12 03:51:47

Недоработка, dots из navigation.ini читается, но нигде не используется
Исправляется так:
Поочередно открываются файлы /engine/includes/news.php и /engine/includes/search.php
В них, с помощью автозамены, все

$pages .= " ... ";

меняются на

$pages .= $navigations['dots'];

Евгений · 2009-06-12 07:09:14

Спасибо ОГРОМНОЕ, теперь все просто великолепно!:D:D:D:D

CyberMama · 2010-01-22 01:20:02

А где этот самый navigation.ini ??? Вроде всё обсмотрела, нету, или он был только в прежней версии? Я тоже хочу красивые квадратики

Изменено CyberMama (2010-01-22 01:22:01)

Trashcka · 2010-01-22 01:23:15

CyberMama, сейчас это variables.ini

TIGER-WOOLF · 2010-08-26 10:39:17

Хотел прицепить display:block к этим квадратикам, но увы страницы выводятся через {pages} и получаются все в одной ячейке... Так и оставлять не особо юзабельно (при наведении на квадратик цвет меняется но чтоб перейти нужно попасть ещё на цифру со страницей в квадратике) или же можно что-то сделать?

Trashcka · 2010-08-26 11:24:32

TIGER-WOOLF, ничего не поняла из написанного, но рабочий вариант вот (правда не проверяла на практике, цвета поменять на усмотрение):

variables.ini

prevlink    = "<a href='%link%'>%page%</a>"
nextlink    = "<a href='%link%'>%page%</a>"
current_page    = "<b>%page%</b>"
link_page    = "<a href='%link%'>%page%</a>"
dots        = "<span>...</span>"

HTML

 <div id="pagin">[prev-link]Назад[/prev-link]{pages}[next-link]Далее[/next-link]</div>

CSS

#pagin { text-align: center; }
#pagin b, #pagin a, #pagin span { padding: 5px 10px; display: inline-block; }
#pagin b { background: #AAA; color: #FFF; }
#pagin span { background: #DDD; color: #000; }
#pagin a { background: #EEE; color: #000; }
#pagin a:hover { background: #666; color: #000; }

TIGER-WOOLF · 2010-08-26 13:46:51

Спасибо за отклик, я уже додумался как сделать...

Красным подсвечивается текущая страница, а чёрным при наведении, могу выложить код если кому нужно...

Евгений · 2010-08-26 13:58:22

TIGER-WOOLF, не спрашивай, выкладывай, пригодится. И лучше в FAQ.

TIGER-WOOLF · 2010-08-26 14:46:14

чтоб не создавать новую тему напишу здесь.

variables.ini

[navigation]
prevlink	= "<a href='%link%'>%page%</a> "
nextlink	= "<a href='%link%'>%page%</a> "
current_page	= " <a href=''><strong>%page%</strong></a> "
link_page	= "<a href='%link%'>%page%</a> "
dots		= " ... "

pages.tpl

<table align="center"><tr><td><div class="navigation">[prev-link]←[/prev-link] {pages} [next-link]→[/next-link]</div></td></tr></table>

style.css

strong {color:red; font-size:140%;}
.navigation {border: none; margin: 20px 0 20px 0;}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active, .navigation span {
	display: inline-block;
	display: -moz-inline-stack;
	_overflow: hidden;
	float: left;
	width: 38px;
	height: 28px;
	vertical-align: middle;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	margin: 10px 3px;}
.navigation a:hover {background: url(../images/nav-hover.png) no-repeat; color: #FFFFFF;}
.navigation a {background: url(../images/nav-none.png) no-repeat}

И две картинки с кнопками в прикреплённом файле нужно закинуть в шаблон.
У кого шаблон не с DLE портирован и css файл находится в корне шаблона, подправьте пути к кнопкам в css файле.

Изменено TIGER-WOOLF (2010-08-26 14:49:29)

Next Generation CMS :: Форум поддержки

Объявление

#1 2009-06-11 03:08:39

pages.tpl -navigation.ini- css Ну никак не получается...

#2 2009-06-11 22:01:55

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#3 2009-06-11 22:34:02

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#4 2009-06-11 23:51:39

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#5 2009-06-12 00:10:51

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#6 2009-06-12 00:47:32

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#7 2009-06-12 02:18:37

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#8 2009-06-12 03:22:14

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#9 2009-06-12 03:27:07

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#10 2009-06-12 03:51:47

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#11 2009-06-12 07:09:14

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#12 2010-01-22 01:20:02

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#13 2010-01-22 01:23:15

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#14 2010-08-26 10:39:17

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#15 2010-08-26 11:24:32

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#16 2010-08-26 13:46:51

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#17 2010-08-26 13:58:22

Re: pages.tpl -navigation.ini- css Ну никак не получается...

#18 2010-08-26 14:46:14

Re: pages.tpl -navigation.ini- css Ну никак не получается...

Подвал раздела