Skype

ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


jQuery tabs. Простенько и со вкусом…

Пост №   135  от 2 ноября 2015   |  Категория: Design, WEB мастеру, Новости, С Миру по нитке  |  Комментариев нет Print

jQuery-tabs В одной из ранних своих публикация я познакомил Вас с вариантом простого таба на js. А сегодня будет полезно, если Вы хотите использовать табы в своем блоге (отлично работает в sidebar.php) посмотреть и применить такой вариант на jQuery.

Чем же хорош этот таб? Мнений может быть несколько. Во-первых…


Простота интеграции, готовая библиотека jQuery, возможность приспособить к дизайну своего блога (сайта) по стилевому оформлению… И так, приступим.

Для начала, как обычно — подключим библиотеку jQuery в header блога. Но, если Вы планируете использовать таб в sidebar-e, резонно прописать вызов скрипта в шаблон sidebar.php.

И сразу же под этой строкой пропишем несколько строк кода с заданными параметрами для работы таба:

На этом подключение скриптов закончено. Теперь займемся стилями. Полезно будет прописать стили для табов в стилевой файл вашей темы. Но можно вынести и в отдельный фай, прописав в header темы путь к нему.

Здесь Вам открывается масса возможностей для изменения цветов рамки, фона таба, фона блока контента и др. атрибутов. Поэкспериментируйте со стилями и «подгоните» оформление табов под дизайн своего блога сами. Здесь — стандартная, светлая тема.

И последнее — вывод табов в любом месте Вашего блога:

На этом все! Смотрим пример работы таба.

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: jQueryWEB мастеруКак сделать?Табы
Обновление статьи: 02.11.2015
Просмотров:   1064
Короткая ссылка: http://tinyurl.com/o68dajp

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 195
  • Страниц: 26
  • Рубрик: 15
  • Меток: 165
  • Комментариев: 33


Добавить комментарий

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 75
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 123
45678910
11121314151617
18192021222324
25262728293031

MasterPRO в Twitter’e

My followers live in 30 countries: Russia(57%), Ukraine(16%)... tweepsmap.com/!unist… Get your free map! pic.twitter.com/iCtQ…

About 9 hours ago from Master PRO's Twitter via Tweepsmap · reply · retweet · favorite

Информер праздников

Праздники ЛатвииПраздники России


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое