Плагин для Joomla Ytab от сервиса Yahoo. Меняем цвет вкладок и берем управление в свои руки.

Лично мне, очень нравиться данный TAB плагин, так как он не создаёт дополнительных #анкорных точек в url адресе, достаточно прост и с неограниченными настройками по дизайну.

Первым делом нам необходимо скачать и установить сам плагин. Скачать для Joomla 3 по данной ссылке.

Включаем плагин в админке и идем в корневой каталог вашего сайта. www.Ваш сайт /plugins/content/ytab. Тут нам понадобится файл ytab.php

Открываем его с помощью Notepad++

Как показано на скриншоте выше, Сервис Yahoo использует погрузку своих .css и .js  файлов со своего API сервиса. По этому, искать их в директориях своего сайта - бесполезно. Вам необходимо пройти по каждой ссылке, скопировать код и создать у себя на компьютере аналогичные файлы (с таким же названием), или, можно скачать готовые файлы по ссылке.

Скопируйте все файлы в директорию www.Ваш сайт /plugins/content/ytab и в файле ytab.php замените погрузку с сервиса Yahoo, на погрузку файлов с вашей директории.

Откройте через Notepad ++ файл под названием tabview.css

В данном файле вы сможете изменить только цвет фона ваших вкладок, на любой другой. Не забудьте также учитывать КЕШ браузера и обновление вашего сервера.

Но это только начало. Найдите в файле tabview.css ссылку на скриншот дизайна самих вкладок. Выглядит она вот так: http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png

Пройдите по ссылке и скачайте данный файл, или, его можно скачать тут.

Далее, вам понадобиться знание Photoshop. Отредактируйте файл на свой вкус и залейте его к остальным файлам в папку ytab, а в файле tabview.css, вместо ссылки на сервис Yahoo, поставите свой путь к файлу. Вот и вся наука. Теперь наш плагин YTab соответствует дизайну нашего сайта. Посмотреть работу данного плагина можно у меня на сайте. 

Удачного вам дня и хорошего настроения. Если вам понравилась данная статья, или у вас возникли вопросы, пишите в комментариях. Профессиональный фотограф в Москве!

---