ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Скрипт информера для кино онлайн

Скрипт информера для кино онлайн

Скрипт информера для кино онлайн
Этот информер будит выводить на главную страницу фильмы. Так как он создан под тематику кино онлайн. Сам по себе он прост и прост в установке но иногда так нужен на сайте.
Установка:
Скачиваем архив и в архиве один файл и его кидаем в корень сайта.
Далее нам нужно прописать стиль в CSS.
Код
/**Topnews**/  
.video-main {position:relative; float:left; margin:5px;}  
.videoPromo-list{height:276px;position:relative;margin: -5px -5px 0 415px;overflow:hidden;font-size:0}  
.videoPromo-list-item{width:100%;max-width:235px;height:68px;line-height:69px;position:relative;display:inline-block;*zoom:1;*display:inline;overflow:hidden;margin-right:10px;margin-bottom:1px;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}  
.videoPromo-list-item-text{display:inline-block;*zoom:1;*display:inline;margin:5px 5px 5px 112px;vertical-align:middle;line-height:normal}  
.videoPromo-list-item-text .title{margin-bottom:7px;font-size:12px}  

.videoPromo-list-item .videoPromo-list-item-text .title a{text-decoration:none;color: #555555;}  
.videoPromo-list-item:hover .videoPromo-list-item-text .title a, .videoPromo-list-item.current .videoPromo-list-item-text .title a{text-decoration:none;color:#FFF}  
.videoPromo-list-item-button a{height:39px;line-height:39px;position:relative;display:block;top:10px;text-align:center;text-decoration:none;font-size:12px;font-weight:bold;color:#fff;background-color: #333333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}  

.videoPromo-list-item-button{width:50%;float:left}  
.videoPromo-list-item-button:hover{background:#FFF !important}  

.videoPromo-list-item-img{width:100px;height:58px;position:absolute;top:5px;left:5px;overflow:hidden;font-size:0}  
.videoPromo-list-item-img img{width:100%}  

.icoplay{width:36px;height:36px;font-size:0;background:url("../video_play_small.png") center center no-repeat}  
.videoPromo-list-item-img .icoplay{position:absolute;display:none;top:50%;left:50%;margin: -18px 0 0 -18px}  
.videoPromo-list-item:hover .icoplay,.videoPromo-list-item.current .icoplay{display:block}  

.videoPromo-list-item:hover, .videoPromo-list-item.current{background:#322d2d;color:#000 !important}  
/**Topnews**/

Ну и сам код под стиль вставить в блок вашего сайта:
Код
<div class="videoPromo-list-item ">  
  <div class="videoPromo-list-item-img">  
  <img itemprop="thumbnail" src="$IMG_URL1$">  
  <a href="$ENTRY_URL$"><i class="icoplay"></i></a>  
  </div>  
  <div class="videoPromo-list-item-text">  
  <div class="title">  
<a style="font-size:12px;font-family:Arial;margin-bottom:3px"><a href="$ENTRY_URL$" title="Смотреть онлайн $TITLE$">$TITLE$</a></a>  
  </div>  
  </div>  
  </div>

На этом все информер установлен.
01 Мая 2013 Загрузок: 12 Просмотров: 2359 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar