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

[anchiru]

привет.
ищу плагин, или совет как можно реализовать сабж.
т.е. задача следующая.
реализовать своего рода каталог скажем предприятий. зайдя в пост с описанием предприятия будет ряд табов. к примеру с описанием, с возможностью оставить комент, с фотками.
заранее благодарю.

 

[g-prime]

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/

 

[anchiru]

да, как то я не додумался сразу в посте и делать разграничение что в каком табе будет. всё гениальное - просто.

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

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

спасибо

 

[Ergoline]

Я сейчас занимался темой табов в постах. Есть пара плагов - посттаб

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

- он у меня не пошел.
И еще довольно нормальный

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Только вот проблема. Я его сегодня поставил. Все ок, но...
в моей теме

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

 

[t3s]

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

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

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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




ps

в моей теме

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

, в сайдбаре тоже используются табы.

глядя на урл, вначале подумал, что сам сеньор Гудвин на нулледе тусуется