• DONATE to NULLED!
    Вы можете помочь Форуму и команде, поддержать финансово.
    starwanderer - модератор этого раздела будет Вам благодарен!

Помощь табы в посте

Статус
В этой теме нельзя размещать новые ответы.

anchiru

Создатель
Регистрация
2 Окт 2007
Сообщения
30
Реакции
2
привет.
ищу плагин, или совет как можно реализовать сабж.
т.е. задача следующая.
реализовать своего рода каталог скажем предприятий. зайдя в пост с описанием предприятия будет ряд табов. к примеру с описанием, с возможностью оставить комент, с фотками.
заранее благодарю.
 
1. Скачиваем архив с необходимыми скриптами _http://www.box.net/shared/sw1it78cgg
2. Подключи в header.php библиотеку JQuery
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript” src=”tabs.js”></script>
3. В записе (в режими HTML) используй код:
<div class=”tabs”>
<!– tabs –>
<ul class=”tabNavigation”>
<li><a href=”#first”>Первая</a></li>
<li><a href=”#second”>Вторая</a></li>
<li><a href=”#third”>Третья</a></li>
</ul>
<!– tab containers –>
<div id=”first”>
<p>Содержание первой вкладки</p>
</div>
<div id=”second”>
<p>Содержание второй вкладки</p>
</div>
<div id=”third”>
<p>Содержание третьей вкладки</p>
</div>
</div>
4. Не забудь в свой файл стилей (css файл) добавить строчки для оформления вкладок
.tabs { width: 400px;}

UL.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}

UL.tabNavigation LI {
display: inline;
}

UL.tabNavigation LI A {
padding: 3px 5px;
background-color: #82B6CB;
color: #000;
text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
background-color: #000;
color: #fff;
padding-top: 7px;
}

UL.tabNavigation LI A:focus {
outline: 0;
}

div.tabs > div {
padding: 5px;
margin-top: 3px;
border: 5px solid #000;
}

div.tabs > div h2 {
margin-top: 0;
}

#first {
background-color: #010f1c;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
min-height: 110px;
color: #fff;
}

#second {
background-color: #010f1c;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
min-height: 110px;
color: #fff;
}

#third {
background-color: #010f1c;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
min-height: 110px;
color: #fff;
}

.waste {
min-height: 1000px;
}
_http://artslab.info/2008/06/vkladki-na-jquery/
:)
 
да, как то я не додумался сразу в посте и делать разграничение что в каком табе будет. всё гениальное - просто.

благодарю за быстрый ответ )

PS. хотя если есть ещё какие либо варианты, буду рад выслушать, потому как этот способ не совсем удобен. инфы надо будет много вносить вручную, замаюсь :)

спасибо
 
Я сейчас занимался темой табов в постах. Есть пара плагов - посттаб - он у меня не пошел.
И еще довольно нормальный
Только вот проблема. Я его сегодня поставил. Все ок, но...
в моей теме , в сайдбаре тоже используются табы.
И вот тут коса на камень...
Хотя включаются разные библиотеки в разных местах, но табы в сайдбаре исчезают напрочь.
Времени разобраться к сожалению еще не было.
Может кто чего подскажет? А то запарка по времени, а хотелось бы чтоб табы были и в посту и сайде.
 
И вот тут коса на камень...
Хотя включаются разные библиотеки в разных местах, но табы в сайдбаре исчезают напрочь.
Времени разобраться к сожалению еще не было.
Может кто чего подскажет? А то запарка по времени, а хотелось бы чтоб табы были и в посту и сайде.

99% проблема в одинаковых id

если хотите, можете подсмотреть как сделано тут


один и тот же скрипт переключает Комментарии/Трекбеки после поста + он же используется в сайдбаре




ps
в моей теме , в сайдбаре тоже используются табы.
глядя на урл, вначале подумал, что сам сеньор Гудвин на нулледе тусуется :D
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху