Среда, 21.02.2018, 16:03
Приветствую Вас Гость | RSS
Главная Вид материалов "Видео" - ФорумРегистрацияВход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Все для вебмастера!!! » Скрипты для UCOZ!!! » Вид материалов "Видео"
Вид материалов "Видео"
Armen_Chelsea
Офлайн
Дата: Среда, 21.12.2011, 14:16 | Сообщение # 1
Постов: 182


Подойдёт для любых светлых дизайнов. Есть функция оценить материал.

Code
<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></b></font></td>  
</tr>  
<tr>  
   <td rowspan="5" valign="top" class="img_video" align="center" width="150px"><img src="http://i1.ytimg.com/vi/<?if(strpos($OTHER1$, 'www.youtube')='-1')?><?substr($OTHER1$,27)?><?else?><?substr($OTHER1$,31)?><?endif?>/default.jpg" border="0" width="150px" /> </td>  
   <td rowspan="5" style="vertical-align:top;padding:4px;"><font color="#515151"><?if(len($MESSAGE$)>600)?><?substr($MESSAGE$,0,600)?>...<?else?>$MESSAGE$<?endif?></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="#" class="ff_topp" style="text-decoration:none;"><font class="col404040" color="#FFFFFF" size="2pt"><b>PR<span>$RATING_NUM$<small></small></span></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="#" class="op_topp" style="text-decoration:none;"><font class="col404040" color="#FFFFFF" size="2pt"><b>PR<span>$RATING_NUM$<small></small></span></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>
Форум » Все для вебмастера!!! » Скрипты для UCOZ!!! » Вид материалов "Видео"
Страница 1 из 11
Поиск:

ОБМЕН БОЛЬШИМИ БАННЕРАМИ 468x60
Последние обновленные темы:
Администратор - Армен Адамян © 2018