• Страница 1 из 1
  • 1
Простые вкладки-табы для сайта на jQuery
workman
Понедельник, 22 Февраля 2016, 08:58 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Демо
Скачать

Итак приступим к установке.
1) скачиваем папку с кодами Табов;
2) В ФМ создаем папку tab;
3) Данные скрипты устанавливаем в "Нижнюю часть сайта" в самый низ;
Код
<script type="text/javascript" src="/tab/Tabs.js"></script>
<link type="text/css" rel="StyleSheet" href="/tab/taby.css" />

4) HTML по месту где хотим видеть;
Код
<!------Tab------->
<div class="tabs">
<div class="tab active">Вкладка №1</div>
<div class="tab">Вкладка №2</div>
<div class="tab">Вкладка №3</div>
</div>
<div class="content">
<!------Вкладка №1------->
<div class="tab-cont active">Вкладка №1</div>
<!------/Вкладка №------->

<!------Вкладка №2------->
<div class="tab-cont">Вкладка №2</div>
<!------/Вкладка №2------->

<!------Вкладка №3------->
<div class="tab-cont">Вкладка №3</div>
<!------/Вкладка №3------->
</div>
<!------end Tab------->

Ну вот в принципе и все. Кто разбирается хоть немного в стилях CSS тот поправить табы может под себя и свой дизайн сайта.


Сообщение отредактировал
workman - Понедельник, 22 Февраля 2016, 09:04
Страна: (RU)
Kosten
Понедельник, 22 Февраля 2016, 12:08 | Сообщение 2
Онлайн
Администраторы
Сообщений:44490
Награды: 70
workman, скин можно, то не пойму за что идет здесь тема. biggrin
Страна: (RU)
workman
Понедельник, 22 Февраля 2016, 12:27 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
скин можно, то не пойму за что идет здесь тема.
К чему скрин если есть ссылка на демо? Что толку тупо любоваться картинкой то?
Страна: (RU)
Nikas
Понедельник, 22 Февраля 2016, 12:51 | Сообщение 4
Оффлайн
Проверенные
Сообщений:229
Награды: 3
чисто на html лучше biggrin
Страна: (UA)
frecsarg
Понедельник, 22 Февраля 2016, 18:25 | Сообщение 5
Оффлайн
Пользователи
Сообщений:13
Награды: 0
Нормально сделано.
Страна: (RU)
workman
Понедельник, 22 Февраля 2016, 19:43 | Сообщение 6
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Dixes ()
чисто на html лучше

А ну-ка покажи на ЧИСТОМ html ... Умник .. biggrin
Страна: (RU)
Сопрано
Понедельник, 22 Февраля 2016, 21:22 | Сообщение 7
Оффлайн
Vip
Сообщений:461
Награды: 4
Цитата workman ()
А ну-ка покажи на ЧИСТОМ html

Это же просто вид html, а там нужно переключать и не как не сделать.
Страна: (RU)
tsakonter
Понедельник, 22 Февраля 2016, 21:30 | Сообщение 8
Оффлайн
Пользователи
Сообщений:220
Награды: 0
А комментарий VK тоже на таблах?
Страна: (RU)
Nikas
Понедельник, 22 Февраля 2016, 21:53 | Сообщение 9
Оффлайн
Проверенные
Сообщений:229
Награды: 3
Цитата workman ()
А ну-ка покажи на ЧИСТОМ html ... Умник ..

слоупок biggrin тык
Страна: (UA)
workman
Понедельник, 22 Февраля 2016, 22:23 | Сообщение 10
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Dixes ()
слоупок

Ты что говна въ*бал меня так называть? Майданутый что-ли?
И где ты увидел там чистый код html? А стили прописаны к чему? А теперь если ты такой умный то покажи мне как эти табы будут работать в других браузерах как IE и Мозила ... И покажи их вес при загрузке ...

Нечего сказать лучше молчи ... Или выставляй что-то оригинальное ...
Страна: (RU)
workman
Понедельник, 22 Февраля 2016, 22:24 | Сообщение 11
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата tsakonter ()
комментарий VK тоже на таблах?

Если вы спрашиваете именно что стоит на моем сайте в правой колонке то да ..
Страна: (RU)
Nikas
Понедельник, 22 Февраля 2016, 22:25 | Сообщение 12
Оффлайн
Проверенные
Сообщений:229
Награды: 3
Цитата workman ()

Ты что говна въ*бал меня так называть? Майданутый что-ли?

простите бог
Страна: (UA)
workman
Понедельник, 22 Февраля 2016, 22:31 | Сообщение 13
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Dixes ()
простите бог
Запомни сынок и передай у себя на Окраине так, что Бог пишется ВСЕГДА с большой буквы
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: