Вверх

Меню со вкладками в боковой панели с JQuery

Скажите, у вас много места в сайдбаре на вашем сайте? Ну у кого-то может быть и много, а кого-то нет. У вас наверняка там есть меню, какие либо анонсы статей, популярные статьи, «не популярные статьи», рандомные статьи, лучшие, не лучшие и .т.д. и т.п. Я видел такие сайты: когда статья уже кончилась, а сайдбар(боковой) все тянется и тянется в низ, все ниже, и ниже, и конца ему нет. Это ужасно неудобно и некому не нужно. Так зачем вам это? Я думаю этого вам совсем не надо, по этому вы можете объединить несколько каких либо столбцов, с любой информацией, в один с переключением между ними.
Вот вам наглядный пример, как это может выглядеть:

ScreenShot 5

ШАГ 1: HTML

Добавьте следующий HTML код, в боковую панель веб-страницы:

Шаг 2: css
Следующий шаг, добавьте следующий css в таблицу стилей:

Отметим, что этот css использовался для определенного стиля меню, как показано на демо скриншоте.
Настройте по мере необходимости в соответствии с Вашим дизайном.

ШАГ 3: JQuery

И под конец, добавим необходимый JQuery, чтобы вкладки переключались:

В отличие от двух первых шагов, редактирование не требуется — если нужно, можете и отредактировать как вам надо 😉

1 бал2 бала3 бала4 бала5 балов (1 голос, средний бал: 5,00 из 5)
Загрузка...
     Вызвать мастера :)
Скопировать короткую ссылку

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: