как сделат нумерацию страниц красивими?

Статус
В этой теме нельзя размещать новые ответы.

virogago

Постоялец
Регистрация
5 Май 2007
Сообщения
118
Реакции
19
как сделать нумерацию страниц красившими?

дело в том что кто-то уже это сделал и выложил на этом ветке Для просмотра ссылки Войди или Зарегистрируйся
не как не могу найти.
подскажите пожалуйста как найти? поиском не получаться найти.
 

Вложения

  • aass.jpg
    aass.jpg
    23,3 KB · Просмотры: 79
Дык, очень просто!

Заходишь в администрирование-настройки-каталог и указываешь сколько товаров показывать на одной странице за раз. Вот когда кол-во товаров больше, чем определено для показа тогда и появляется "листатель" страниц...
 
За навигацию отвечает вот эта функция в файле functions.php, который находится в папке /core_functions

Код:
function ShowNavigator($a, $offset, $q, $path, &$out)
{ 	
		//shows navigator [prev] 1 2 3 4 … [next]
		//$a - count of elements in the array, which is being navigated
		//$offset - current offset in array (showing elements [$offset ... $offset+$q])
		//$q - quantity of items per page
		//$path - link to the page (f.e: "index.php?categoryID=1&")

		if ($a > $q) //if all elements couldn't be placed on the page
		{

			//[prev]
			if ($offset>0) $out .= "[COLOR="Red"]<a class=no_underline [/COLOR]href=\"".$path."offset=".($offset-$q)."\">&lt;&lt; ".STRING_PREVIOUS."</a> &nbsp;&nbsp;";

			//digital links
			$k = $offset / $q;

			//not more than 4 links to the left
			$min = $k - 5;
			if ($min < 0) { $min = 0; }
			else {
				if ($min >= 1)
				{ //link on the 1st page
					$out .= "[COLOR="Red"]<a class=no_underline [/COLOR]href=\"".$path."offset=0\">1</a> &nbsp;&nbsp;";
					if ($min != 1) { $out .= "... &nbsp;"; };
				}
			}

			for ($i = $min; $i<$k; $i++)
			{
				$m = $i*$q + $q;
				if ($m > $a) $m = $a;

				$out .= "<a [COLOR="Red"]class=no_underline[/COLOR] href=\"".$path."offset=".($i*$q)."\">".($i+1)."</a> &nbsp;&nbsp;";
			}

			//# of current page
			if (strcmp($offset, "show_all"))
			{
				$min = $offset+$q;
				if ($min > $a) $min = $a;
				$out .= "[COLOR="Red"]<font class=faq>[/COLOR]<b>".($k+1)."</b></font> &nbsp;&nbsp;";
			}
			else
			{
				$min = $q;
				if ($min > $a) $min = $a;
				$out .= "<a [COLOR="Red"]class=no_underline [/COLOR]href=\"".$path."offset=0\">1</a> &nbsp;&nbsp;";
			}

			//not more than 5 links to the right
			$min = $k + 6;
			if ($min > $a/$q) { $min = $a/$q; };
			for ($i = $k+1; $i<$min; $i++)
			{
				$m = $i*$q+$q;
				if ($m > $a) $m = $a;

				$out .= "<a [COLOR="Red"]class=no_underline [/COLOR]href=\"".$path."offset=".($i*$q)."\">".($i+1)."</a> &nbsp;&nbsp;";
			}

			if ($min*$q < $a) { //the last link
				if ($min*$q < $a-$q) $out .= " ... &nbsp;&nbsp;";
				$out .= "<a class=no_underline href=\"".$path."offset=".($a-$a%$q)."\">".(floor($a/$q)+1)."</a> &nbsp;&nbsp;";
			}

			//[next]
			if (strcmp($offset, "show_all"))
				if ($offset<$a-$q) $out .= "<a [COLOR="Red"]class=no_underline[/COLOR] href=\"".$path."offset=".($offset+$q)."\">".STRING_NEXT." &gt;&gt;</a> ";

			//[show all]
			if (strcmp($offset, "show_all"))
				$out .= " |&nbsp; <a [COLOR="Red"]class=no_underline [/COLOR]href=\"".$path."show_all=yes\">".STRING_SHOWALL."</a>";
			else
				$out .= " |&nbsp; <B>".STRING_SHOWALL."</B>";

		}
}

Чтобы изменить например цвет или размеры цифр, то надо в файле CSS изменить (а лучше создать новые) стили для них. Я в коде выделил красным цветом места которые отвечают за отображение цифр и надписей "показать все", "след. >>", "<< пред." внизу страницы.
 
Ага...

Я сразу и не понял, что чел хотел красивше, думал - просто хотел вывести эту функцию.

А по поводу красивости - написал правильно, но можно ещё и картиночками оформить (с циферками там и стрелочками разными)!
 
вот такой вариант есть красненькие такие и при наведении тоже красные.... и в рамочке.... если нравитсо пиши
 
вот такой вариант есть *** скрытое содержание *** красненькие такие и при наведении тоже красные.... и в рамочке.... если нравитсо пиши



конечно нравится.
вот это же самое я на этом форуме видел.
парен один сделал и поделился с форумчанами.
но не как не могу найти этот его пост. :ah:
 
Тоже переюзал поисковик так и не нашел решение, хотя тоже видел что где то было.
Сделал как мог -

}
h1
{ font-family: Tahoma;
font-size: 18px;
color: black;
}
a
{ font-family: Tahoma;
font-weight: bold;
font-size: 11px;
color: navy;
}
.no_underline
{ text-decoration: none;
}
.small
{ font-size: 10px;
}
.faq {background-color:#ffffff;border:1px solid #dddddd;background-color:#5aa44e;color:#FFFFFF; padding-left:6px; padding-right:6px; padding-bottom:3px; padding-top:3px}
a.no_underline{background-color:#ffffff;border:1px solid #dddddd;padding-left:6px; padding-right:6px; padding-bottom:3px; padding-top:3px}
a:hover.no_underline {background-color:#e0e5e2;border:1px solid #dddddd; color:#FFFFFF;padding-left:6px; padding-right:6px; padding-bottom:3px; padding-top:3px; text-decoration:none}hover.no_underline {background-color:#FF0000;border:1px solid #dddddd; color:#FFFFFF;padding-left:6px; padding-right:6px; padding-bottom:3px; padding-top:3px; text-decoration:none
}

это в самое начало styleХХ.css вашего шаблона.
 
А как поменять фон и размер(высоту) области в которой находятся цифры нумерации (1 2....10 след >> | показать все)??? нигде не могу найти, в поиске искал, тоже безрезультатно.
 
Код:
.faq {background-color:#ffffff;border:1px solid #fa1818(цвет обводки нажатой страницы);background-color:#5aa44e(цвет фона нажатой страницы);color:#FFFFFF; padding-left:6px(ширина влево); padding-right:6px(ширина вправо); padding-bottom:3px(вниз); padding-top:3px(вверх)}
a.no_underline{background-color:#ffffff(фон ненажатых страниц);border:1px solid #dddddd(цвед обводки ненажатых страниц);padding-left:6px(шир влево); padding-right:6px(шир вправо); padding-bottom:3px(вниз); padding-top:3px(вверх)}
a:hover.no_underline {background-color:#e0e5e2(фон страницы на которую наводят курсор);border:1px solid #dddddd(цвет обводки страницы на которую курсор наводишь); color:#FFFFFF;padding-left:6px(тожесамое что и в предыдущих вариантных); padding-right:6px(тожесамое что и в предыдущих вариантных); padding-bottom:3px(тожесамое что и в предыдущих вариантных); padding-top:3px(тожесамое что и в предыдущих вариантных); text-decoration:none}hover.no_underline {background-color:#FF0000;border:1px solid #dddddd; color:#FFFFFF;padding-left:6px; padding-right:6px; padding-bottom:3px; padding-top:3px; text-decoration:none

в скобочках описал что за что
 
А как можно сделать чтобы нумерация была на подобии модуля как для ДЛЕ?
Там на Жабе осуществлено, а на SS постоянно какието непонятки с жабоскриптом
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху