Вывод картинок в навигации

alexburn

Захожу иногда
81
0 / 0

Приветствую вас, ребята! Имею проблемы с пагинацией в j2.5. Понимаю что для профи - это не проблема, но сил моих больше нет:)
Как настроить навигацию, чтобы отображались картинки вместо текста. Сейчас имеем(скрины во вложении)
А хочется заменить все текстовые ссылки на изображения. поиском по форуму проходился, но ничего вразумительного не нашел. Помогите пожалуйста:)
Вот мой код, отвечающий за навигацию:

Код: php

defined('_JEXEC') or die;

function pagination_list_render($list) {
	// Initialize variables
	$html = '<div class="pagination">';
	
	if ($list['start']['active']==1)   $html .= $list['start']['data'];
	if ($list['previous']['active']==1) $html .= $list['previous']['data'];

	foreach ($list['pages'] as $page) {
		$html .= $page['data'];
	}

	if ($list['next']['active']==1) $html .= $list['next']['data'];
	if ($list['end']['active']==1)  $html .= $list['end']['data'];

	$html .= "</div>";
	
	return $html;
}

function pagination_item_active(&$item) {
	
	$cls = '';
	
    if ($item->text == JText::_('JNEXT')) { $item->text = '»'; $cls = "next"; }
    if ($item->text == JText::_('JPREV')) { $item->text = '«'; $cls = "previous"; }
	if ($item->text == JText::_('JLIB_HTML_START')) { $cls = "first"; }
    if ($item->text == JText::_('JLIB_HTML_END')) { $cls = "last"; }
	
    return "<a class=\"".$cls."\" href=\"".$item->link."\" title=\"".$item->text."\">".$item->text."</a>";
}

function pagination_item_inactive(&$item) {
	return "<strong>".$item->text."</strong>";
}

1.jpg (11.04 КБ, 175x69 - просмотрено 72 раз.)

2.jpg (14.93 КБ, 239x69 - просмотрено 64 раз.)

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Вывод картинок в навигации

« Ответ #1 : 17.07.2013, 00:22:21 »

отображение задается стилями. FireBug в помощь.
[spoiler title=Default pagination style]

Код: css

/* ------------------
   Pagination General
--------------------- */
div.pagination {}
div.pagination p.counter {}
div.pagination ul {}
div.pagination ul li {}

div.pagination ul li.pagination-start span.pagenav {}
div.pagination ul li.pagination-prev span.pagenav {}
div.pagination ul li span.pagenav {}
div.pagination ul li a.pagenav {}
div.pagination ul li.pagination-next a.pagenav {}
div.pagination ul li.pagination-end a.pagenav {}


/* -------------------------
   Pagination Single article
---------------------------- */
div.item-page div.pagination {}
div.item-page div.pagination ul.pagenav {}
div.item-page div.pagination ul.pagenav li {}
div.item-page div.pagination ul.pagenav li a {} 

div.item-page div.pagination ul.pagenav li.pagenav-prev {}
div.item-page div.pagination ul.pagenav li.pagenav-prev a {}
div.item-page div.pagination ul.pagenav li.pagenav-next {}
div.item-page div.pagination ul.pagenav li.pagenav-next a {}

/* Article index Pagination Pagebreak */
div.item-page div.pagination ul {}
div.item-page div.pagination ul li {}
div.item-page div.pagination ul li a {}

[/spoiler]

« Последнее редактирование: 17.07.2013, 00:52:46 от dynamit »

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

alexburn

Захожу иногда
81
0 / 0

Re: Вывод картинок в навигации

« Ответ #2 : 17.07.2013, 08:24:43 »

Я в курсе что отображение задается в CSS, но как видно из кода, строка пагинации формируется из кода, т.е. динамически:

Код: php

return "<a class=\"".$cls."\" href=\"".$item->link."\" title=\"".$item->text."\">".$item->text."</a>";

вот с этим и проблема, знаний не хватает чтобы корректно подправить эту строчку, вставить классы, чтоб потом можно было бы настраивать отображение.

« Последнее редактирование: 17.07.2013, 08:29:35 от alexburn »

Записан

oshpz

Захожу иногда
149
5 / 0

Re: Вывод картинок в навигации

« Ответ #3 : 17.07.2013, 13:33:19 »

Цитата: alexburn от 17.07.2013, 08:24:43

Я в курсе что отображение задается в CSS, но как видно из кода, строка пагинации формируется из кода, т.е. динамически:
Код: php
return "<a class=\"".$cls."\" href=\"".$item->link."\" title=\"".$item->text."\">".$item->text."</a>";
вот с этим и проблема, знаний не хватает чтобы корректно подправить эту строчку, вставить классы, чтоб потом можно было бы настраивать отображение.

Вам не нужно править исходный код, для того чтобы изменить стили (~~Joomla! и без того много всякого говна генерирует~~). Достаточно, как предложил dynamit, изменить стили в CSS.

Если вы покажите свой сайт, то можно привести конкретный пример для него...

« Последнее редактирование: 17.07.2013, 13:37:36 от oshpz »

Записан

alexburn

Захожу иногда
81
0 / 0

Re: Вывод картинок в навигации

« Ответ #4 : 17.07.2013, 19:14:28 »

Извиняюсь, но сайт у меня пока на денвере стоит.
То что предлагает уважаемый dynamit, подходит для любого шаблона ?
Просто мне нужно в навигации подставить вместо ссылок - кнопки, т.е. ссылка В начало заменяется соответствующей кнопкой и т.д. и т.п.

Записан

alexburn

Захожу иногда
81
0 / 0

Re: Вывод картинок в навигации

« Ответ #5 : 17.07.2013, 19:50:08 »

Единственно чем могу помочь - это скрином, на котором видно, что творится в отладчике

123.jpg (267.25 КБ, 1024x768 - просмотрено 76 раз.)

« Последнее редактирование: 17.07.2013, 19:54:09 от alexburn »

Записан

alexburn

Захожу иногда
81
0 / 0

Re: Вывод картинок в навигации

« Ответ #6 : 17.07.2013, 22:42:44 »

Вроде бы добился желаемого результата, но как теперь убрать текстовые ссылки такие как: В начало, В конец, хочется чтоб чисто кнопочки остались, тогда я буду очень доволен собой, и тем кто мне помогает:)

123.jpg (14.14 КБ, 452x123 - просмотрено 59 раз.)

« Последнее редактирование: 17.07.2013, 22:48:53 от alexburn »

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Вывод картинок в навигации

« Ответ #7 : 18.07.2013, 00:55:06 »

Код

text-indent:-3000px;

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

alexburn

Захожу иногда
81
0 / 0

Re: Вывод картинок в навигации

« Ответ #8 : 18.07.2013, 08:19:45 »

Спасибо, уважаемый dynamit, но эта строчка не помогла. По всей видимости еще что-то нужно сделать

Вот мой код CSS

Код: css

.pagination .last{
	margin-right: 5px;
	margin-left: 0px;
	background-image: url(../images/start.png);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 13px;;
	text-indent: -3000px;
	}

« Последнее редактирование: 18.07.2013, 08:23:00 от alexburn »

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Вывод картинок в навигации

« Ответ #9 : 18.07.2013, 12:06:39 »

попробуйте добавить display:inline-block;

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

alexburn

Захожу иногда
81
0 / 0

Re: Вывод картинок в навигации

« Ответ #10 : 18.07.2013, 19:10:37 »

Ок, большое спасибо, dynamit, все получилось.
Тему можно закрывать!

Записан

Вывод товара по двум параметрам Автор anny_k	Ответов: 0 Просмотров: 1206	12.06.2019, 10:59:18 от anny_k
Вывод блога из нескольких категорий Автор GrandEscudo	Ответов: 7 Просмотров: 6036	24.08.2018, 09:33:45 от vasmed
Как настроить автоматический вывод первых 100 символов каждой статьи? Автор MultiMatrix83	Ответов: 9 Просмотров: 1936	07.08.2018, 17:45:53 от Bake
Вывод новостей на сайте Автор Андрей Осадченко	Ответов: 1 Просмотров: 1775	13.06.2017, 20:31:24 от darkghost
Вывод картинок подкатегорий в блоге категории Автор kontrast	Ответов: 11 Просмотров: 6645	24.09.2016, 21:18:01 от axel030392

Вывод картинок в навигации - Joomla 2.5: Настройка и оптимизация

Новости Joomla

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

👩‍💻 Компонент "CS Афиши" для Joomla.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

alexburn

Вывод картинок в навигации

dynamit

Re: Вывод картинок в навигации

alexburn

Re: Вывод картинок в навигации

oshpz

Re: Вывод картинок в навигации

alexburn

Re: Вывод картинок в навигации

alexburn

Re: Вывод картинок в навигации

alexburn

Re: Вывод картинок в навигации

dynamit

Re: Вывод картинок в навигации

alexburn

Re: Вывод картинок в навигации

dynamit

Re: Вывод картинок в навигации

alexburn

Re: Вывод картинок в навигации

Похожие темы