File size: 6.86Kb
<div class="watch-top">
<div class="image-bg" style="background-image:url([xfvalue_slide])">
<div class="image-bg-content">
<div class="slide-block">
<div class="slide-poster">
<div class="quality">[xfvalue_quality]</div>
<img width="150" height="215" src="[xfvalue_poster]" alt="{title} смотреть онлайн">
<div class="year"><b>Год выпуска:</b> [xfvalue_year]</div>
</div>
<div class="slide-middle">
<h1>{title}</h1>
<ul class="slide-top">
<li><b class="fa fa-clock-o"> </b>Длительность: <b>[xfvalue_runtime]</b></li>
<li><b class="fa fa-flag-o"> </b>Страна: <b>[xfvalue_country]</b></li>
[rating-type-1]<li class="right"><b>{rating}</b></li>[/rating-type-1]
</ul>
<div class="slide-desc">
{short-story}
<span class="cast"><i class="fa fa-users"> </i> <b>В ролях:</b> [xfvalue_cast] <b>и другие</b></span>
</div>
<ul class="slide-top">
<li><b class="fa fa-ticket"> </b>Оригинальное название: <h2>[xfvalue_other_name]</h2></li>
<li class="right"><b class="fa fa-bookmark-o"> </b>Жанр: <b>{link-category}</b></li>
</ul>
</div>
<div class="slide-info">
<p><b><i class="fa fa-eye"> </i>{views}</b><span>Зрителей</span></p>
<p><b><i class="fa fa-comment"> </i>{comments-num}</b><span>Отзывов</span></p>
<p><b><i class="fa fa-film"> </i>[xfvalue_kp]</b><span>Рейтинг КП</span></p>
</div>
<div class="slide-tags" style="height: 28px;">
<div class="title"><b class="fa fa-ticket"> </b> Теги:</div>
<ul>
{tags}
</ul>
</div>
<div class="expand">Развернуть</div>
</div>
</div>
</div>
</div>
<div id="page">
<div id="page-content">
<div id="player-tabs">
<ul class="tab-title">
<li class="tab"><i class="fa fa-film"> </i> Плеер 1</li>
<li class="tab"><i class="fa fa-film"> </i> Сериал</li>
<li class="tab"><i class="fa fa-film"> </i> Плеер 3</li>
<li class="tab"><i class="fa fa-film"> </i> Плеер 4</li>
</ul>
<div class="tab-blocks">
<div class="tab-content" style="width: 938px; height: 390px;">
<div>
Плеер 1
</div>
</div>
<div class="tab-content" style="width: 938px;">
<div>
<div id="my_video"> {videofield} {part-navigation} </div>
</div>
</div>
<div class="tab-content" style="width: 938px; height: 390px;">
<div>
Плеер 3
</div>
</div>
<div class="tab-content" style="width: 938px; height: 390px;">
<div>
Плеер 4
</div>
</div>
</div>
<div class="action-buttons">
[rating-type-2]
[rating-plus]<i class="fa fa-thumbs-up"></i><span>{rating}</span>[/rating-plus]
[/rating-type-2]
[rating-type-3]
[rating-plus]<i class="fa fa-thumbs-up"></i><span>{rating}</span>[/rating-plus]
[rating-minus]<i class="fa fa-thumbs-down fa-flip-horizontal"></i>[/rating-minus]
[/rating-type-3]
[add-favorites]<i class="fa fa-heart"></i><span>В закладки</span>[/add-favorites]
[del-favorites]<i class="fa fa-heart"></i><span>Из закладок</span>[/del-favorites]
<a class="r lightoff" href="#"><i class="fa fa-sun-o"></i><span>Выключить свет</span></a>
[complaint]<i class="fa fa-exclamation-triangle"></i><span>Пожаловаться</span>[/complaint]
[edit]<i class="fa fa-pencil"></i><span>Редактировать</span>[/edit]
</div>
</div>
<div id="screenshots">
<ul class="title">
<li><i class="fa fa-picture-o"> </i> Кадры из фильма {title}</li>
</ul>
<div class="content">
<ul class="movie-images" style="display: block;">
<li class="image">
<a class="swipebox" title="" href="[xfvalue_screen_1]"><img alt="screen" src="[xfvalue_screen_1]" title="Кадр 1">
<span><i class="fa fa-search-plus"> </i></span></a>
</li>
<li class="image">
<a class="swipebox" title="" href="[xfvalue_screen_2]"><img alt="screen" src="[xfvalue_screen_2]" title="Кадр 2">
<span><i class="fa fa-search-plus"> </i></span></a>
</li>
<li class="image">
<a class="swipebox" title="" href="[xfvalue_screen_3]"><img alt="screen" src="[xfvalue_screen_3]" title="Кадр 3">
<span><i class="fa fa-search-plus"> </i></span></a>
</li>
<li class="image">
<a class="swipebox" title="" href="[xfvalue_screen_4]"><img alt="screen" src="[xfvalue_screen_4]" title="Кадр 4">
<span><i class="fa fa-search-plus"> </i></span></a>
</li>
<li class="image">
<a class="swipebox" title="" href="[xfvalue_screen_5]"><img alt="screen" src="[xfvalue_screen_5]" title="Кадр 5">
<span><i class="fa fa-search-plus"> </i></span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="page">
<div class="comments-block">
<div class="block-title"><i class="fa fa-comments-o"> </i> Комментарии к фильму {title} ({comments-num}) </div>
<div class="block-content">
[not-comments]<div style="padding:5px; padding-top:15px;">Комментариев нет. Станьте первым!</div>[/not-comments]
[comments]{comments}[/comments]
{navigation}
{addcomments}
</div>
</div>
<div class="movie-right">
<div class="related-movies">
<div class="title"><i class="fa fa-film"> </i> Похожие фильмы</div>
<ul class="content">
{related-news}
</ul>
</div>
</div>
<style>
#dle-content{width:100%;}
.buttons .ratingtypeplusminus, .buttons .ratingtypeplus {color:#333;}
.berrors{width: 546px;}
.recaptchatable {float:left;}
#dle_recaptcha {width:456px;}
#my_video .dpad {border:none;background:none;margin-bottom:0;}
#select_video_block {position: absolute;float: left;top: 0;margin: 10px;}
/** Video Part System **/
#my_video .navigation{margin:0 auto;padding:10px 0 0px;clear:both;display:table;}
#my_video .nextprev {display:none;}
#my_video .navigation a{height:20px;line-height:20px;float:left;padding:5px 10px;color:#fff;margin-bottom:10px;}
#my_video .navigation a:hover{color:#fff;}
#my_video .navigation span{float:left;padding:5px 10px;color:#fff;background:#19A3AF;height:20px;line-height:20px;border-radius:3px;margin-right:10px;}
</style>
<script>
$('body').on('change', '#select_video_block', function(){
$('#my_video').load($(this).val() + " #my_video");
});
$('body').on('click', '.navigation a', function(){
$('#my_video').load($(this).attr('href') + " #my_video");
return false;
});
</script>