» »

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


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

Этот информер будит выводить на главную страницу фильмы. Так как он создан под тематику кино онлайн. Сам по себе он прост и прост в установке но иногда так нужен на сайте.
Установка:
Скачиваем архив и в архиве один файл и его кидаем в корень сайта.
Далее нам нужно прописать стиль в 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.05.2013 Загрузок: 11 Просмотров: 1098 Комментарий: (0)

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

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

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