Форум русской поддержки Joomla!® CMS
04.12.2016, 10:14:12 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 312 раз)
0 Пользователей и 1 Гость смотрят эту тему.
vipiusss
Профи
********

Репутация: +260/-8
Offline Offline

Пол: Мужской
Сообщений: 4570


Skype: renor_


« : 09.06.2015, 16:06:19 »

Доброе время.
Может кому понадобится.
Немного видоизменил стандартный 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 меняйте уже сами под себя.
Ошибок не наблюдал пока.


* 1.jpg (5.88 Кб, 587x67 - просмотрено 89 раз.)

* 2.jpg (6.65 Кб, 586x65 - просмотрено 87 раз.)

* 3.jpg (4.84 Кб, 569x75 - просмотрено 86 раз.)
* default.zip (0.68 Кб - загружено 21 раз.)
« Последнее редактирование: 09.06.2015, 18:06:04 от vipiusss » Записан
vipiusss
Профи
********

Репутация: +260/-8
Offline Offline

Пол: Мужской
Сообщений: 4570


Skype: renor_


« Ответ #1 : 11.06.2015, 09:07:20 »

Спросили в личку, как играться с затуханием.
Код:
#breadcrumb_new li:hover ~ li  {
        opacity: 0.5;
}
#breadcrumb_new li:hover ~ li + li  {
        opacity: 0.2;
}
Экспериментируйте.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet