Вид Материалов Для Сериала (ver 1.0)

1401
8 из 10
Проголосовало: 4





Представляю вам новый вид материалов для серий сериала или кино.
Он использует поля: other1 - язык, other2 - длительность, image1 - изображение.
Изображение увеличивается при помощи highslide.
Язык выводится флажком. Поддерживаемые языки:

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

Примечание! Языки нужно вводить так, как они отмечены в списке!, Так как флажки используют запрос if!
Вы можете легко настроить вид под себя!
В следующей версии (1.51) информация будет заменена на описание сериала (запрос "краткое описание"), а также добавятся украинский и казахстанский языки!
Итак перейдём к установке:
В вид материалов блога (или вашего модуля):

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>

При желании можете залить файлы к себе!
Установка окончена!
Автор публикации: Загрузка
Загрузка
Maestro, это его n материал
Источник: http://webo4ka.ru
  • Всего комментариев: 1

Deni_Coste
0
Deni_Coste написал: в материале Написано 11 Апреля 2012 в 21:48
Комментарий №1
Очень классно спс)
Тебе +1 в репу

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • dalamkontak написал:
  • Попробуйте социальную сеть Dalam Kontak !
    Сайт сети: Dkon.app
  • mrnoobsky написал:
  • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
  • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
  • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
  • ?
    Последние темы
    Опрос
    337
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: