Мы в твиттере Мы в телеграме!

PROWEBBER » Всё для DataLife Engine » DLE хаки » Табульные окна для полного поста с Url к ним


Табульные окна для полного поста с Url к ним

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Табульные окна для полного поста с Url к ним.

Табульные окна для полного поста с Url к ним


Табульные окна для полного поста с Url к ним


залить выйл organictabs.js в папку templates/ваш шаблон/js/

В fullstory.tpl в самое начало дописать

<script type="text/javascript" src="{THEME}/js/organictabs.js"></script>

<script>
    $(function() {
    
      // Calling the plugin
      $("#example-one").organicTabs();
      $("#example-two").organicTabs({
        "speed": 500,
        "param": "tab"
      });
      
    });
  </script>


В fullstory.tpl в там где вам это нужно вписать

<div id="page-wrap">
  <div id="example-two">
    
    <ul class="nav">
<!-- описание -->
<li class="nav-one"><a href=[b]"#description[/b]" class="current">ОПИСАНИЕ</a></li>
<!-- описание -->

<!-- трейлер -->
[b][xfgiven_trailer][/b]<li class="nav-one"><a href="[b]#trailer[/b]">ТРЕЙЛЕР</a></li>[b][/xfgiven_trailer][/b]
<!-- трейлер -->
    </ul>

<!-- #description и #trailer - это наши табульные Url (обрабытываются ниже) ... так же если это [b]дополнительное окно[/b] то, можно применить обрамление    [b][xfgiven_trailer]...[/xfgiven_trailer][/b] дабы если поле не заполнено то табл выводиться не будет  -->
    
    <div class="list-wrap">
    
<!-- описание -->
    <ul [b]id="description"[/b]>
      <li>
<table class="tabletenitab" border="0" align="center">
<tr>
<td>
{full-story}
</td>
</tr>
</table>
      </li>
    </ul>
<!-- описание -->

<!-- трейлер -->
<ul style="position: relative; display: none;" [b]id="trailer"[/b] class="hide">
      <li>
<table class="tabletenitab" border="0" align="center">
<tr>
<td>
<div align="center">
ТУТ ВАША ИНФОРМАЦИЯ
</div>
</td>
</tr>
</table>
      </li>
    </ul>
<!-- трейлер -->
  
      </div>
  </div>
  </div>



В .css вставить и подкорректировать под себя

/* полный кинопост табульные окна */
.fullstory_organictabs{
background: #6891E7;
background: -moz-linear-gradient(top,#4495E7 0,#0053A6 100%);
background: -ms-linear-gradient(top,#4495E7 0,#0053A6 100%);
background: -o-linear-gradient(top,#4495E7 0,#0053A6 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4495E7),color-stop(100%,#0053A6));
background: -webkit-linear-gradient(top,#4495E7 0,#0053A6 100%);
background: linear-gradient(tobottom,#4495E7 0,#0053A6 100%);
border: 0 solid;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256,.35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256,.35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,.35);
box-shadow: inset 0 1px 0 rgba(256,256,256,.35);
color: white;
text-shadow: 0 1px 0 black;
z-index: 1200;
border-color: #0053A6 #0053A6 black;
}

#page-wrap {
width:814px;
margin:0;
padding:5px;
}

#example-two .list-wrap {
width:814px;
margin:5px 0 0 0;
padding:0;
}

#example-two ul {
list-style:none;
z-index:999;
width:814px;
height:auto;
display:block;
margin:0;
padding:0;
}

#example-two ul li:last-child a {
border:none;
}

#example-two .nav {
overflow:hidden;
}

#example-two .nav li {
float:left;
width:100px;
margin:0 3px 0 0;
}

#example-two .nav li.last {
margin-right:0;
}

#example-two .nav li a {
display:block;
text-align:center;
border:0;
font-weight:bold;
padding:5px;
background:#454545;
background: -moz-linear-gradient(top,#383838 0,#151515 100%);
background: -ms-linear-gradient(top,#383838 0,#151515 100%);
background: -o-linear-gradient(top,#383838 0,#151515 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#383838),color-stop(100%,#151515));
background: -webkit-linear-gradient(top,#383838 0,#151515 100%);
background: linear-gradient(to bottom,#383838 0,#151515 100%);
border:0 solid;
border-color:#151515 #151515 #000;
-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.1);
-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.1);
-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.1);
box-shadow:inset 0 1px 0 rgba(256,256,256,.1);
color:#fff;
text-shadow: 0 1px 0 #000;
}

#example-two li a.current,#example-two li a.current:hover {
background:#eaeaea !important;
background: -moz-linear-gradient(top,#eaeaea 0,#cfcfcf 100%) !important;
background: -ms-linear-gradient(top,#eaeaea 0,#cfcfcf 100%) !important;
background: -o-linear-gradient(top,#eaeaea 0,#cfcfcf 100%) !important;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#eaeaea),color-stop(100%,#cfcfcf)) !important;
background: -webkit-linear-gradient(top,#eaeaea 0,#cfcfcf 100%) !important;
background: linear-gradient(to bottom,#eaeaea 0,#cfcfcf 100%) !important;border:0 solid;
-moz-box-shadow:inset 0 0 1px #fff;
-ms-box-shadow:inset 0 0 1px #fff;
-webkit-box-shadow:inset 0 0 1px #fff;
box-shadow:inset 0 0 1px #fff;
color:#555;
text-shadow:0 1px 0 #fff;
font-weight:bold;
border-color:#ccc #ccc #aaa;
}

#example-two .nav li a:hover {
font-weight:bold;
text-decoration:none;
background:#ffa62a;
background: -moz-linear-gradient(top,#ffa62a 0,#ec6303 100%);
background: -ms-linear-gradient(top,#ffa62a 0,#ec6303 100%);
background: -o-linear-gradient(top,#ffa62a 0,#ec6303 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa62a),color-stop(100%,#ec6303));
background: -webkit-linear-gradient(top,#ffa62a 0,#ec6303 100%);
background: linear-gradient(to bottom,#ffa62a 0,#ec6303 100%);
border:0 solid;
border-color: #ffa62a #ffa62a #ec6303;
-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
color:#a20303;
text-shadow: 0 1px 0 #fff;
}

.tabletenitab {
width:814px;
z-index:999;
color:#000;
text-shadow:0 1px 0 #fff;
margin:0;
padding:0;
background: #EAEAEA;
background: -moz-linear-gradient(top,#EAEAEA 0,#CFCFCF 100%);
background: -ms-linear-gradient(top,#EAEAEA 0,#CFCFCF 100%);
background: -o-linear-gradient(top,#EAEAEA 0,#CFCFCF 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#EAEAEA),color-stop(100%,#CFCFCF));
background: -webkit-linear-gradient(top,#EAEAEA 0,#CFCFCF 100%);
background: linear-gradient(to bottom,#EAEAEA 0,#CFCFCF 100%);
border: 0 solid;
-moz-box-shadow: inset 0 0 1px #fff;
-ms-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
color: #555;
text-shadow: 0 1px 0 white;
border-color: #CCC #CCC #AAA;
}

.tabletenitab td {
padding:10px;
}

#all_posters img {
width:16%;
margin:2px;
padding:3px;
}

#official_posters img {
width:13%;
margin:2px;
padding:3px;
}
/* полный кинопост табульные окна */



пример работы: http://kinomir.nbr.by

tabulnye-okna-s-url.rar [2.92 Kb] (cкачиваний: 241)
MD5: 2a955c743db26ce544df52bbb9090a49



Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+4
Просмотры: 8 075 :: Комментарии (20) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Tomich

  • 31 июля 2012 23:43
  • Регистрация: 26.10.2011
  • Был(а) онлайн: 31.03.2016
  • Комментариев: 154
  • +1
а нельзя было столь обьемный код под спойлер поставить?

#2thirus

  • 31 июля 2012 23:57
  • Регистрация: 12.06.2012
  • Был(а) онлайн: 11.04.2020
  • Комментариев: 73
  • +1
выглядит красиво) но возможно у меня руки кривые и норм не получилось сделать)

#3SaD

  • 1 августа 2012 00:20
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
Не будем вдаваться в реализацию, скажем только что автор китаец, судя по заголовку.

Приветствуем хуйвенбинов на провеббере!

--------------------

#4D0Gmatist

  • 1 августа 2012 00:58
  • Регистрация: 28.07.2012
  • Был(а) онлайн: 24.06.2021
  • Комментариев: 291
  • 0
если хочется гавкать иди в псарню ... там я думаю тебе будет много знакомых шавок

--------------------

#5Tomich

  • 1 августа 2012 02:04
  • Регистрация: 26.10.2011
  • Был(а) онлайн: 31.03.2016
  • Комментариев: 154
  • 0
D0Gmatist,
это Вы кому из троих прокомментировавших?

#6D0Gmatist

  • 1 августа 2012 02:22
  • Регистрация: 28.07.2012
  • Был(а) онлайн: 24.06.2021
  • Комментариев: 291
  • 0
Никому ...

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

по вопросам пишите в Skype - nbr.mr.8pa4

--------------------

#7grimmjow

  • 1 августа 2012 02:38
  • Регистрация: 22.10.2010
  • Был(а) онлайн: 4.10.2015
  • Комментариев: 51
  • 0
Чет не пашет тоже.

#8guano

  • 1 августа 2012 02:48
  • Регистрация: 28.09.2010
  • Был(а) онлайн: 8.08.2013
  • Комментариев: 49
  • 0
чё-то ничего не понял для чего это нужно? изменяет вид кнопок?

--------------------

#9D0Gmatist

  • 1 августа 2012 10:29
  • Регистрация: 28.07.2012
  • Был(а) онлайн: 24.06.2021
  • Комментариев: 291
  • 0
Пример...

http://kinomir.nbr.by/2792-kontinuum-serial-1-sezon-continuum.html?tab=trailer

http://kinomir.nbr.by/2792-kontinuum-serial-1-sezon-continuum.html?tab=posters

--------------------

#10daiv777

  • 1 августа 2012 11:00
  • Регистрация: 6.04.2011
  • Был(а) онлайн: 13.09.2020
  • Комментариев: 278
  • 0
Цитата: D0Gmatist
то как выложил и оформил ... извиняться не буду ... кто знает как с этим работать сам подтаракинит ...

Тому кто знает Ваш пример не нужен, он сам сделает, а не до делает.

#11Tonchi

  • 1 августа 2012 11:14
  • Регистрация: 13.04.2011
  • Был(а) онлайн: 3.06.2020
  • Комментариев: 129
  • 0
Не понимаю, тем кому это не нужно, зачем ставить --- ???!!!
Я попросил в соседней теме автора выставить эти табы, теперь мне перед ним не ловко ... Кому не нужно, проходим мимо, а я лично в этом нуждался и думаю многим это будет интересно.

#12SaD

  • 1 августа 2012 11:25
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
Цитата: D0Gmatist
если хочется гавкать иди в псарню ... там я думаю тебе будет много знакомых шавок

Очень весело звучит, учитывая ваш ник.

--------------------

#13guano

  • 1 августа 2012 13:56
  • Регистрация: 28.09.2010
  • Был(а) онлайн: 8.08.2013
  • Комментариев: 49
  • -1
SaD,
Пол сайта, школоты, поэтому так весело :D

--------------------

#14Kickman

  • 1 августа 2012 14:36
  • Регистрация: 6.12.2011
  • Был(а) онлайн: 15.01.2014
  • Комментариев: 47
  • +1
Вчера искал подобное. Спасибо.

#15sinhron

  • 5 августа 2012 01:07
  • Регистрация: 1.04.2012
  • Был(а) онлайн: 5.08.2012
  • Комментариев: 6
  • 0
Всем привет. Всё делаю как в инструкции написано, но почему выходит не то как на скрине и на демо, верней вообще не чего класного и стильного нету. простой текст, описание файла. Может в css что нить не правильно делаю?

#16Gera4

  • 20 августа 2012 00:45
  • Регистрация: 28.05.2010
  • Был(а) онлайн: 13.04.2021
  • Комментариев: 11
  • 0
Система очень хорошая но есть в нем один трабл то что он криво отображает при работе без ЧПУ

Ссылки становятся все в
index.php?tab=trailer

#17vpkach

  • 6 ноября 2012 01:32
  • Регистрация: 18.07.2012
  • Был(а) онлайн: 6.01.2015
  • Комментариев: 113
  • 0
У кого получилось у кого всё норм отоброжается скажите или дайте ссылку на ваш сайт посмотрю ..

#18Infineti

  • 7 января 2013 15:18
  • Регистрация: 7.01.2013
  • Был(а) онлайн: 20.03.2013
  • Комментариев: 3
  • +1
Привет парни, не подскажете где мне типа такого же хака найти для вставки сериала много серийного, типа так как на картинке. Буду благодарен за помощь, пишите если что на маил [email protected] или сюда в коменты

#19Shnapik

  • 17 июня 2013 14:37
  • Регистрация: 17.03.2013
  • Был(а) онлайн: 4.05.2021
  • Комментариев: 29
  • 0
Реализовал на других табах.Суть одна только вид другой.

--------------------

#20space

  • 11 августа 2013 17:05
  • Регистрация: 23.12.2009
  • Был(а) онлайн: 8.01.2016
  • Комментариев: 14
  • +1
В fullstory.tpl вставить это, будьте внимательны с [xfvalue_x], в некоторых версиях другое название, у меня dle 10


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Май 2022 (244)
Апрель 2022 (439)
Март 2022 (244)
Февраль 2022 (204)
Январь 2022 (262)
Декабрь 2021 (160)
Друзья сайта

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