Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Как правильно настроить табы?

Как правильно настроить табы?


     07.03.2016    Шаблоны (TPL), Стили (CSS)    3008

вопрос
Здравствуйте. Есть три таба, скажем 1, 2 и 3. Каждый из них отображается только в случае, если заполнено доп. поле выделенное для каждого таба. Проблема в том, что содержимое табов не показывается, если не заполнено поле 2. Что не так?



HTML:
        <div class="tabs">
            <ul class="reset">
                [xfgiven_show]<li id="player-film"[xfgiven_film_player] class="active"[/xfgiven_film_player]>Смотреть сериал <i class="fa fa-video-camera"></i></li>[/xfgiven_show]
                [xfgiven_film_player]<li id="player-film"[xfgiven_trailer_player] class="active"[/xfgiven_trailer_player]>Смотреть фильм <i class="fa fa-video-camera"></i></li>[/xfgiven_film_player]
                [xfgiven_trailer_player]<li id="player-trailer"[xfnotgiven_film_player] class="active"[/xfnotgiven_film_player]>Смотреть трейлер <i class="fa fa-youtube-play"></i></li>[/xfgiven_trailer_player]
            </ul>
            </br></br></br></br>
            [catlist=16]{include file="/engine/modules/moonserials.php"}[/catlist]
            [xfgiven_film_player]<iframe src="[xfvalue_film_player]" class="player_frame player-film" frameborder="0" allowfullscreen></iframe>[/xfgiven_film_player]
            [xfgiven_trailer_player]<iframe src="https://www.youtube.com/embed/[xfvalue_trailer_player]?rel=0&amp;showinfo=0" class="player_frame player-trailer[xfnotgiven_film_player] block[/xfnotgiven_film_player]" frameborder="0" allowfullscreen></iframe>[/xfgiven_trailer_player]
        </div>
    </div>




CSS:
.fullfilm .player .tabs {
    overflow: hidden;
    border-top: 1px solid #dcdcdc;
}

.fullfilm .player .tabs ul {
    padding: 0 15px;
}

.fullfilm .player .tabs li {
    float: left;
    padding: 18px 15px 22px;
    font-size: 18px;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
}

.fullfilm .player .tabs li.active {
    color: #c71d1d;
}

.fullfilm .player .tabs li .fa {
    margin-left: 5px;
    font-size: 27px;
    position: relative;
    bottom: -3px;
}

Ответа пока нет


3 комментария

voradmin
Юзер

voradmin - 7 марта 2016 21:31 -

А сколько там у вас доп полей? Конретные имена которые используется?

ale-eex
Юзер

ale-eex - 7 марта 2016 22:18 -

Всего 3: film_player, show, trailer_player

scaver
Юзер

scaver - 8 марта 2016 11:14 -

ID "player-film" не должны повторяться)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх