prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Табульные окна для полного поста с 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

Z tabulnye-okna-s-url.rar Размер: 2.92 Kb, скачали 197 раз


+4
Просмотры: 5391 VIP ProWebber | Комментарии (20)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Tomich

  • 31 июля 2012 23:43
  • Регистрация: 26.10.2011
  • ICQ: 642756955
  • Комментариев: 154
  • Выкл.
а нельзя было столь обьемный код под спойлер поставить?

+1

#2thirus

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

+1

#3SaD

  • 1 августа 2012 00:20
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
Не будем вдаваться в реализацию, скажем только что автор китаец, судя по заголовку.

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

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

0

#4D0Gmatist

  • 1 августа 2012 00:58
  • Регистрация: 28.07.2012
  • ICQ: --
  • Комментариев: 297
  • Выкл.
если хочется гавкать иди в псарню ... там я думаю тебе будет много знакомых шавок

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

0

#5Tomich

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

0

#6D0Gmatist

  • 1 августа 2012 02:22
  • Регистрация: 28.07.2012
  • ICQ: --
  • Комментариев: 297
  • Выкл.
Никому ...

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

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

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

0

#7grimmjow

  • 1 августа 2012 02:38
  • Регистрация: 22.10.2010
  • ICQ: --
  • Комментариев: 51
Чет не пашет тоже.

0

#8guano

  • 1 августа 2012 02:48
  • Регистрация: 28.09.2010
  • ICQ: 2519127
  • Комментариев: 49
чё-то ничего не понял для чего это нужно? изменяет вид кнопок?

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

0

#9D0Gmatist

  • 1 августа 2012 10:29
  • Регистрация: 28.07.2012
  • ICQ: --
  • Комментариев: 297
  • Выкл.
Пример...

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

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

0

#10daiv777

  • 1 августа 2012 11:00
  • Регистрация: 6.04.2011
  • ICQ: --
  • Комментариев: 270
Цитата: D0Gmatist
то как выложил и оформил ... извиняться не буду ... кто знает как с этим работать сам подтаракинит ...

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

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

0

#11Tonchi

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

0

#12SaD

  • 1 августа 2012 11:25
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
Цитата: D0Gmatist
если хочется гавкать иди в псарню ... там я думаю тебе будет много знакомых шавок

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

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

0

#13guano

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

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

-1

#14Kickman

  • 1 августа 2012 14:36
  • Регистрация: 6.12.2011
  • ICQ: --
  • Комментариев: 48
Вчера искал подобное. Спасибо.

+1

#15sinhron

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

0

#16Gera4

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

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

0

#17vpkach

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

0

#18Infineti

  • 7 января 2013 15:18
  • Регистрация: 7.01.2013
  • ICQ: --
  • Комментариев: 3
Привет парни, не подскажете где мне типа такого же хака найти для вставки сериала много серийного, типа так как на картинке. Буду благодарен за помощь, пишите если что на маил Lexa88_09@mail.ru или сюда в коменты

+1

#19Shnapik

  • 17 июня 2013 14:37
  • Регистрация: 17.03.2013
  • ICQ: --
  • Комментариев: 30
  • Выкл.
Реализовал на других табах.Суть одна только вид другой.

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

0

#20space

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


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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки