Видоизменённый mod_breadcrumbs (хлебные крошки)

  • 1 Ответов
  • 465 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн vipiusss

  • ********
  • 5448
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Доброе время.
Может кому понадобится.
Немного видоизменил стандартный mod_breadcrumbs protostara под определённые нужны.

Во вложениях:
-1.jpg = спокойный режим, активная (последняя хл.крошка) мигает(цвет текста 100%).
-2.jpg = спокойный режим, активная (последняя хл.крошка) мигает(цвет текста 0%). /*не стал ловить скрином 0%, но почти поймал*/
-3.jpg = hover режим, при наведении на любую хл. крошку, все последующие до активной хл.крошки плавно затухают почти до 0%.

Демка (будет не очень долго, пока не снесу, ещё тестирую другое): http://webservice.kiev.ua/menu/component/jshopping/category/view/4?Itemid=0


Как сделать:

В /templates/protostar/css/template.css добавить:

Спойлер
[свернуть]

Файл /modules/mod_breadcrumbs/tmpl/default.php заменить на тот, что во вложении.

Всё.

P.S. Может кому пригодится, или новички немного стандартный приукрасят, или кто-то доработает/изменит.
CSS меняйте уже сами под себя.
Ошибок не наблюдал пока.
« Последнее редактирование: 09.06.2015, 19:06:04 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн vipiusss

  • ********
  • 5448
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Спросили в личку, как играться с затуханием.
#breadcrumb_new li:hover ~ li  {
        opacity: 0.5;
}
#breadcrumb_new li:hover ~ li + li  {
        opacity: 0.2;
}
Экспериментируйте.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями