Вид материал kinogo
01.05.2017 96 0 SТРАННИК

Вид материал kinogo

Описание:


Вид материал kinogo для создание кино сайта,  темный вид для вашего кино сайта также можно на светлом установить вам придется изменить фон на белый и всё, также можно выводить Операторы Категория, автор Материла,  режиссер, в ролях, и много чего.


Установка:

Загрузите папку images в корень вашего сайта!


Вид материалов:  Нужного вам модуля по стандарту эта load.


Код
<div class="shortstory">
<div class="shortstorytitle">
<div style="width:120px;float:right;">
<span class="izbrannoe"><img src="/images/plus_fav.gif"></span>
<span class="podrobnosti_right">
<div id="ratig-layer">
<div class="rating">
<?if($RATING$)?><?$RSTARS$('20','/.s/img/stars/10/20.png','0','float')?><?endif?>
</div>
</div>
</span>
</div>
<h2 class="zagolovki"><a href="$ENTRY_URL$">$TITLE$</a> </h2>
</div>
<div class="shortimg">
<div id="news" style="display:inline;">
<a href="$IMG_URL1$" class="ulightbox">
<img src="$IMG_URL1$" style="float:left; width:200px;height:300px;" alt="$TITLE$" title="$TITLE$">
</a>
<b>Год выпуска:</b> $AUTHOR_EMAIL$
<br><b>Страна:</b> $AUTHOR_NAME$

  <br><br>
<p>$MESSAGE$</p>  

</div>
</div>
</div>
<div style="clear:both"></div>
<div class="icons">
<span class="podrobnee" style="padding: 4px 0 4px 20px;">
<a href="$ENTRY_URL$">
<span class="fbutton-img">
<img src="/images/viewmore.png" border="0" alt="Cмотреть онлайн">
</span>
</a>
</span>  
<span style="float:right; padding: 7px 20px 19px 20px;">
<span class="viewsicon" title="Просмотры">$READS$</span>
<span class="dateicon" title="Дата">$DATE$, $TIME$</span>  
</span>
</div>


Таблицу стилей CSS самый вниз добавляем!


Код
.izbrannoe {
float: right;
position: absolute;
right: -8px;
top: -6px;
z-index: 4;}

.izbrannoe  a:hover img {opacity: 0.7;}
      
   .zagolovki {font-size:15px; text-shadow: 1px 1px rgb(0, 0, 0);}
    
      
/*новости*/
.shortstorytitle{padding: 10px 0px 12px 0px; color:#fff;position: relative;}
.shortstory {
border-top: 1px solid #404040;
padding: 5px 20px 10px 20px;
float: left;
background: #2b2b2b;
clear: both;
color: #fff;
position: relative;
border-left: 1px solid #404040;}
.fullstorytitle{padding: 16px 20px 8px 20px; background: #2b2b2b;color:#fff;position: relative;border-top: 1px solid #404040;border-left: 1px solid #404040; height:20px;}
.fullstory {float: left;padding: 5px 20px 10px 20px;background: #2b2b2b;clear: both;color:#fff;position: relative;border-left: 1px solid #404040; border-bottom: 1px solid rgb(17, 17, 17);}
.miniblock { }

.leftblok_contener i {font-size:15px; font-weight:bold; font-style: normal; color: rgb(243, 243, 243); text-shadow: 1px 1px rgb(0, 0, 0);}
.mini {padding-left:20px;}
.poloska {background: #3f413f;border-bottom: 1px solid #848480;height: 1px;width: 100%;margin-bottom: 18px;margin-top: 18px;float: left;clear: both;}
.poloska2{background: #3f413f;border-bottom: 1px solid #848480;height: 1px;width: 100%;margin-bottom: 10px;margin-top: 10px;float: left;clear: both;}
.fullimg img {padding-right:20px; padding-top:3px; padding-bottom:2px; position: relative;}
.fullimg a img:hover {opacity: 0.75;}
.screens {text-align:center;padding-left:2px;}
.screens img {padding-right:4px; padding-top:20px; padding-bottom:0px; width:192px;height: 120px;opacity: 0.75;}
.screens a img:hover {opacity: 1;}
.shortimg img {padding-right:20px; padding-top:3px; position: relative;}
.shortimg a img:hover {opacity: 0.75;}
.podrobnosti_right {float: right;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 25px;}
.podrobnosti_right2 { }
.podrobnee {float: left;padding-right: 3px;}
.podrobnee a {text-decoration:none;}
.icons {border-bottom: 1px solid rgb(17, 17, 17);background: #2b2b2b;overflow: hidden;position: relative; border-left: 1px solid #404040;}
.icons2 {padding: 7px 20px 7px 14px;
background: rgb(36, 36, 36);
color: #fff;
position: relative;
border-left: 1px solid #404040;
border-bottom: 1px solid rgb(17, 17, 17);
border-top: 1px solid #404040;
text-align:center;}

.icons3 {padding: 0px 20px 0px 14px;
background: #2b2b2b;
color: #fff;
position: relative;
border-left: 1px solid #404040;
border-bottom: 1px solid rgb(17, 17, 17);
border-top: 1px solid #404040;
text-align:center;}

.leftblok_contener {overflow: hidden;
display: block;}

.leftblok_contener2 {overflow: auto;
width: 331px;
display: block;
border-top: 1px solid #848480;
padding-bottom: 5px;}

.leftblok_contener3 {overflow: auto;
width: 331px;
display: block;
border-top: 1px solid #848480;}
   
/*иконки*/
.viewsicon {background: url(/images/222.png) no-repeat 0px 2px;padding-left:20px;float:left;margin-right:13px;}
.categoryicon {background: url(/images/222.png) no-repeat 0 3px;padding-left:17px;float:left;margin-right:13px;}
.categoryicon a  {color: #A0A5A8;}
.categoryicon a:hover {color: #DD4B39;}
.avtoricon {background: url(/images/222.png) no-repeat 0px 1px;padding-left:16px;float:left;margin-right:16px;}
.avtoricon a  {color: #A0A5A8;}
.avtoricon a:hover {color: #DD4B39;}
.dateicon {background: url(/images/icon_3.png) no-repeat 0px 2px;padding-left:17px;float:left;}
.favoriticon img {margin-bottom: 2px; padding: 0 0 0 0; vertical-align: top;}
.alerticon img {margin-bottom: 0px; padding:  0 0 0 11px;}
.editicon {font-size: 13px;}
.editicon img {margin-bottom: 0px; padding: 0 0 0 12px;}


Адаптирован с dle на uCoz

Указать источник при копирование: Turbo-S.uCoz.ru

Вот и всё!

Turbo-S - Если будет вопросы пишите в комментариях, Если нужен помощь по установке тогда создайте тему форуме.
Скачать 1109_images.zip Размер: 32.0Kb 2
Поблагодарить автора Автор: SТРАННИК
ИсточникМатериал взят с другого сайта
Комментарии (0)
Добавить комментарий
Прокомментировать