Светлый вид материалов для сериалов на uCoz (v. 1.0)



Разработчик: heghslide

Отличный светлый вид материалов который можно использовать на сайтах системы uCoz, данный вид материалов подойдет для разделасериалы ну или как минимум фильмы.

Внимание! Раздел использует следующих операторов под свои нужды:


other1 – язык
other2 – длительность
image1 - изображение.
Highslide – увеличение изображения

Также имеется возможность вывода флага +поддержка языков:

русский
english
русские субтитры


Внимание! Флажки должны выводиться так, как они находятся в списке, причиной всему их вывод через запрос if.

Все остальное в виде материалов можно менять и подстраивать под свой сайт, чтоб все выглядело более привлекательно и не бросалось в глаза отдельными цветовыми ляпами. Данный скрипт очень прост в установки + он отлично работает и не имеет глюков, которые могли бы нанести вред вашему ресурсу. Советую всем попробовать данный скрипт на своем тестовом сайте перед тем как использовать его на главном!

Установка: копируем данный код и вставляем его в «Вид материалов бога» или же в тот вид материалов который у вас используется.

Code
<style type="text/css" media="all">@import url(http://iCarly11.ucoz.com/highslide.css);</style>  
  <script type="text/javascript" src="http://iCarly11.ucoz.com/highslide.js"></script>  
  <script type="text/javascript">hs.graphicsDir = 'http://www.forucoz.com/highslide/graphics/';</script>  
  <table style="BORDER-COLLAPSE:collapse;width:100%;height:140px;" align="left">  
  <tr>  
  <td class="beeq3" colspan="3" style="vertical-align:top;"><font color="#404040"><b><a href="$ENTRY_URL$" style="text-decoration:none;">$TITLE$</a><div style="float:right;font-size:3px;"><?if($OTHER1$="русский")?><img src="http://www.iconsearch.ru/uploads/icons/finalflags/16x16/russia-flag.png" alt="русский" title="русский" width="16" height="16"><?endif?><?if($OTHER1$="english")?><img src="http://www.iconsearch.ru/uploads/icons/flags/16x16/unitedstatesofamerica.png" alt="английский" title="английский" width="16" height="16"><?endif?><?if($OTHER1$="русские субтитры")?>SUB<?endif?></div> </b></font></td>  
  </tr>  
  <tr>  
  <td rowspan="5" valign="top" class="img_video" align="center" width="150px"><noindex><a href="$IMG_URL1$" style="max-width: 150px;" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><div style="margin-top: 1px;"></div><img src="$IMG_URL1$" border="0" width="150px" height="120px"></a></noindex> </td>  
  <td rowspan="5" style="vertical-align:top;padding:4px;"><font color="#515151"> Качество: HDTV <br> Язык: $OTHER1$ <br> Длительность: $OTHER2$ <br> Просмотров: $READS$<br> Комментов: $COMMENTS_NUM$ <br> Дата: $DATE$<br> Добавил: ваш логин</font></td>  
  <?if($USER_AGENT$='opera')?><td align="center" style="border:1px solid #d2d2d2;background:#FFD800 url('http://djtest.do.am/d1/video_glv/back_bgimgorg.png') repeat-x;padding:6px 13px 6px 13px;"><a href="$ENTRY_URL$" class="ff_topp" style="text-decoration:none;"><font class="col404040" color="#FFFFFF" size="2pt"><b>СМОТРЕТЬ!</b></font></a></td><?else?>  
  <td height="20px" align="center" style="border:1px solid #d2d2d2;background:#FFD800 url('http://djtest.do.am/d1/video_glv/back_bgimgorg.png') repeat-x;padding:6px 13px 6px 13px;"><a href="$ENTRY_URL$" class="op_topp" style="text-decoration:none;"><font class="col404040" color="#FFFFFF" size="2pt"><b>СМОТРЕТЬ!</b></font></a></td><?endif?>  
  </tr>  
  <tr>  
  <td height="20px" align="center" style="border:1px solid #d2d2d2;background:#f3f3f3;padding:5px 8px 5px 8px;"><span id="image1"><a href="#2" class="tooltip_comments1" style="text-decoration:none;"><img border="0" src="http://djtest.do.am/d1/music/pleer_img/dialog.png" width="15px"><span><font size="1">$COMMENTS_NUM$</font><small></small></span></a></span></td>  
  </tr>  
  <tr>  
  <td height="20px" align="center" style="border:1px solid #d2d2d2;background:#f3f3f3;padding:5px 8px 5px 8px;"><span id="image1"><a class="tooltip_love1" style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/board/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});"><img border="0" src="http://djtest.do.am/d1/music/pleer_img/love.png" width="15px"><span><font size="1">$RATED$</font><small></small></span></a></span></td>  
  </tr>  
  <tr>  
  <td height="20px" align="center" style="border:1px solid #d2d2d2;background:#f3f3f3;padding:5px 8px 5px 8px;"><span id="image2"><a href="#2" style="text-decoration:none;">•••</a></span></td>  
  </tr>  
  <tr>  
  <td height="auto"></td>  
  </tr>  
  </table>  

  <style>  
  .col404040:hover{  
  color:#404040;  
  }  
  .img_video{  
  border-left:1px solid #d2d2d2;  
  border-top:1px solid #d2d2d2;  
  border-bottom:1px solid #d2d2d2;  
  border-right:1px dotted #d2d2d2;  
  background:#f3f3f3;  
  }  
  .beeq3{  
  border:1px solid #d2d2d2;  
  background:#f3f3f3;  
  padding:5px;  
  }  
  .beeq3:hover{  
  border:1px solid #d2d2d2;  
  background:#ffffff;  
  padding:5px;  
  }  
  </style>  

  <style>  
  .op_topp { position: relative; }  
  .op_topp span {  
  position: absolute;  
  right: -46px;  
  top: -9px;  
  width:20px;  
  height:18px;  
  display: none;  
  min-width: 10px;  
  padding: 6px 7px;  
  white-space: nowrap;  
  font-size: 14px;  
  text-align: center;  
  background: url('http://djtest.do.am/d1/video_glv/bgimgorg.png')no-repeat;  

  color: #fff;  
  }  

  .op_topp:hover span { display: block; }  
  </style>  

  <style>  
  .ff_topp { position: relative; }  
  .ff_topp span {  
  position: absolute;  
  right: -46px;  
  top: -8px;  
  width:20px;  
  height:18px;  
  display: none;  
  min-width: 10px;  
  padding: 6px 7px;  
  white-space: nowrap;  
  font-size: 14px;  
  text-align: center;  
  background:#FFFFFF url('http://djtest.do.am/d1/video_glv/bgimgorg.png')no-repeat;  

  color: #fff;  
  }  

  .ff_topp:hover span { display: block; }  
  </style>  
  <style type="text/css">  
  #image2 a img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
  -moz-opacity: 0.5; /* Mozilla 1.6 */  
  -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */  
  opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
  filter: alpha(opacity=50); /* IE 5.5+*/  
  }  

  #image2 a:hover img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);  
  -moz-opacity: 1; /* Mozilla 1.6 */  
  -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */  
  opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
  filter: alpha(opacity=100); /* IE 5.5+ */  
  }  
  </style>





Категория: Все для каталогов файлов | Добавил: GaV | Теги: для блога, скрипт, скачать, сериалы, uCoz, вид материалов, Светлый вид материалов для сериалов, светлый
Просмотров: 880 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]