• Страница 1 из 1
  • 1
Нужна помощь.
chester Оффлайн
Проверенный
0
Дата: Пятница, 2016-02-26, 15:59 | Сообщение # 1
Кто сможет сделать такую тему,что бы код плеера и трейлер вставить отдельно от описание,модуль новости.
ссылка


Профиль
Kaizzer Оффлайн
Проверенный
41
Дата: Пятница, 2016-02-26, 18:39 | Сообщение # 2
Цитата chester ()
Кто сможет сделать такую тему,что бы код плеера и трейлер вставить отдельно от описание,модуль новости.


Вставляй в "страница комметриев"
Код
<div class="tabs">
<ul>
<li>
<input type="radio" name="tabs-0" checked="checked" id="tabs-0-0" />
<label for="tabs-0-0">Плеер 1</label>
<div>
<!--Ваш Код плеера 100% на 400px (Вставтье код вашего плеера. Как дополнитеельное поле используйте Web-site автора материала $AUTHOR_SITE$)-->
<img src="/img/Screenshot.png" width="100%" height="400px" border="0" alt="" />
<!--Ваш Код плеера -->
</div>
</li>
<li>
<input type="radio" name="tabs-0" id="tabs-0-1" />
<label for="tabs-0-1">Плеер 2</label>
<div>
<!--Ваш Код плеера 100% на 400px (авто поиск фильма)-->
<img src="/img/Screenshot2.png" width="100%" height="400px" border="0" alt="" />
<!--Ваш Код плеера -->
</div>
</li>
<?if($OTHER2$)?><li>
<input type="radio" name="tabs-0" id="tabs-0-2" />
<label for="tabs-0-2">Трейлер</label>
<div>
<!--Ваш Код трейлера 100% на 400px (используем поле ссылка на источник материала)-->
<iframe width="100%" height="400" src="$OTHER2$" frameborder="0" allowfullscreen></iframe>
</div>
</li><?endif?>
</ul>
</div>


Этот код в CSS:
Код
/* TABS PLAYER */

.tabs {
width: 100%;
height: 440px;
}

.tabs ul,
.tabs li {
margin: 0;
padding: 0;
list-style: none;
}

.tabs,
.tabs input[type="radio"]:checked + label {
position: relative;
}

.tabs li,
.tabs input[type="radio"] + label {
display: inline-block;
}

.tabs li > div,
.tabs input[type="radio"] {
position: absolute;
}

.tabs li > div,
.tabs input[type="radio"] + label {
border: solid 1px #f5f5f5;
}

.tabs li {
vertical-align: top;
}

.tabs li:first-child {
margin-left: 8px;
}

.tabs li > div {
top: 33px;
bottom: 0;
left: 0;
width: 100%;
padding: 0px;
background: #f9f9f9;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.tabs input[type="radio"] + label {
margin: 0 2px 0 0;
padding: 0 18px;
line-height: 32px;
background: #f5f5f5;
text-align: center;
border-radius: 5px 5px 0 0;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.tabs input[type="radio"]:checked + label {
z-index: 1;
background: #EAEBEF;
cursor: default;
}

.tabs input[type="radio"] {
opacity: 0;
}

.tabs input[type="radio"] ~ div {
display: none;
}

.tabs input[type="radio"]:checked:not(:disabled) ~ div {
display: block;
}

.tabs input[type="radio"]:disabled + label {
opacity: .5;
cursor: no-drop;
}


Играть в Spin Tires можно двумя способами: с модам и без них - spintiresmods.ru
Профиль
  • Страница 1 из 1
  • 1
Поиск: