Рубрика: Дизайн

Табы без плагинов

1. Открываем файл, в который будут добавляться табы (как правило, это single.php или sidebar.php) и вставляем следующий код:

3. Все вкладки и их содержимое — в одной таблице. Для визуально приятного их оформления нужно добавить и настроить под свой стиль код ниже:

Настройте под себя ширину (здесь 260), фон, цвет шрифтов, рамку. В общем, нужно будет подогнать оформление под общий стиль вашего сайта.

3. Для того, чтобы активировать табы и автоматически выделить первую вкладку, необходимо подключить java-скрипт, добавив его в header.php. Код:

Табы в таблице — наиболее простой способ использования табов, а небольшой скрипт в хидере автоматически выделяет первый из них. Работает быстро и без тормозов и глюков.


Связанные посты:


Метки: