Skype

ali-partners-banner

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


Простые и эффективные табы (вкладки) на JS для WP блога

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

tab-jsНа многих блогах под управлением WordPress (в том числе и на моем) для экономии места на странице есть такие полезные «прибамбасы», как табы (вкладки). Описывать преимущества данного блока нет необходимости — преимущества очевидны.

Если все правильно скомпоновать и прописать в нужных местах страниц, то польза от этого блока будет просто неописуемая…


И реализация данного блока может быть в трех или более вариантах:

  1. На «чистом» CSS
  2. С комбинацией CSS, jQuerry
  3. И на JS (с минимальным CSS)

Сегодня хочу представить Вам один из последних вариантов — на JS и с минимальным CSS оформлением, который подойдет практически для любого дизайна блога. Но, если есть большое желание «подогнать» стиль табов под свой дизайн — отформатируйте стили и пропишите код в style.css вашей темы, а tab-js.js скрипт «засуньте» в любую папку (по умолчанию будет неплохо поместить в папку скриптов темы).

И так, поехали. Первым делом пропишем в head или footer темы путь к скрипту tab-js.js:

Скрипт tab-js.js можете скачать здесь.

А стили оформления, как сказано выше, в style.css темы:

Далее, вам останется только прописать в необходимом месте на странице код вывода блока табов:

Извините, но этот контент доступен только для зарегистрированных. Войдите или Зарегистрируйтесь

Выглядеть такой табик будет примерно так:

tab-js

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

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

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

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

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


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


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

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


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

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

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

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

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

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

MasterPRO в Twitter’e

I have 3 new followers from UK., and more last week. See tweepsmap.com/!unist… pic.twitter.com/aGar…

About 6 days ago from Master PRO's Twitter via Tweepsmap · reply · retweet · favorite

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

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


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


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

    влажность:

    давление:

    ветер:

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