Удобные вкладки для сайта Ucoz

Добавил: Вадим

Оценка:

На многих сайтах и форумах, я стал замечать все чаще и чаще вопросы по поводу создания вкладок на сайте, и это понятно ведь они очень удобны, экономят место и смотрятся отлично! У нас на сайте тоже используются вкладки для разделения комментариев сайта и Вконтакте, по этому я решил написать небольшой мануал по установке таких вкладок.

Данные вкладки работают с помощью фреймворка jQuery, размер его очень мал (0,4 килобайта) независимо от количества вкладок!

1.Устанавливаем скрипт вкладок после тега body

Code

2.Подключаем таблицу стилей, копируя код между тегами head и /head

Code

не забываем, что эти файлы необходимо загрузить в файловый менеджер и прописать правильный путь.

3.Теперь копируем HTML-код каркаса вкладок

Code

<div class="section">
       <ul class="tabs">
       <li class="current">1-я вкладка</li>
       <li>2-я вкладка</li>
       </ul>
       <div class="box visible">
       Содержимое первого блока
       </div>
       <div class="box">
       Содержимое второго блока
       </div>
</div>

Вот и все, теперь остается только поменять названия вкладок и их содержимое и можно пользоваться!

Смотреть демо

Автор\Источник: unicegroup.ru

Добавлено: 19.06.2012 в 20:46

Вы находитесь на странице материала Удобные вкладки для сайта Ucoz из раздела нашего сайта

Скрипты для ucoz

который можно скачать совершенно бесплатно и без регистрации.

Также рекомендуем:

Комментарии сайта
Комментарии Вконтакте

Всего комментариев: 1

Порядок вывода комментариев:

Peshka0973

Добавлено: 25.04.2013 в 08:42

В большинстве случаев правило такое - если неверно идет отображение, сразу смотрим в CSS.
Надо поставить Firebug и сразу будет ясно в чем проблема.

Профиль

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

О нас

Ucozu.Ru - перспективный сайт с удобным дизайном и многими уникальными статьями, файлами. Здесь вы сможете скачивать и просматривать файлы без регистрации.На нашем сайте вы найдёте много шаблонов,скриптов и тд.Все для uCoz.Так же множество статей по раскрутки вашего сайта и системе uCoz.

Кто онлайн

Пользователи

Гости сайта

Рекомендуем

Волоконно-оптические кроссы

Последние комментарии

17:06

winbloger

Понравился шаблон, спасибо!