Вид материалов для музыкального сайта ucoz

01.12.2011 Скрипты для uCoz 4754 2 kav-kaz

Давно искал удобный и практичный вид материалов для музыкального сайта на ucoz. Тогда пытался рипнуть материалы с nash-kavkaz ,да и рипнули его до меня и скинули в паблик. Думаю всем известно об этом виде материалов. Он смотрелся достаточно красиво - но не на всех сайтах работал так как надо.

Данный вид материалов более информативен - что видно по скрину. Спасибо авторам скрипта. ХОрошо поработали и продумали. Хоть и с дизайном отстают - но всё же. Было б не плохо - если еще реализовать модуль погоды ,такой как тут -погода,только не знаю как реализовать - не хочу сторонние сайты использовать!
Установка проста - в нужный раздел - в вид материалов - ставим код

Code

<table style="border-collapse:collapse;width:100%;background:#ffffff url('http://mamka.do.am/img/pleer_back_myn1.png')repeat-x;margin-bottom:10px;border:1px solid #cccccc;">
 <tr>
 <td colspan="5" style="padding:4px;"><a href="$ENTRY_URL$">$TITLE$</a></td>
 <td rowspan="2" style="padding:5px;" align="right"><img width="40px" src="$IMG_URL1$" border="0" style="border:1px solid #cccccc;padding:2px;"><img width="40px" src="http://mamka.do.am/noavatar_big.png" border="0" style="border:1px solid #cccccc;padding:2px;"></td>
 </tr>
 <tr>
 <td style="padding:4px;"><a href="$ENTRY_URL$" class="tooltip_comments" style="text-decoration:none;"><img src="http://djtest.do.am/d1/music/pleer_img/dialog.png" border="0" width="15px"> $COMMENTS_NUM$</a></td>
 <td style="padding:4px;"><a href="$ENTRY_URL$" class="tooltip_comments" style="text-decoration:none;"><img src="http://www.iconsearch.ru/uploads/icons/nuvola2/16x16/3floppy_unmount.png" border="0" width="15px"> $LOADS$</a></td>
 <td style="padding:4px;"><a href="$ENTRY_URL$" class="tooltip_comments" style="text-decoration:none;"><img src="http://djtest.do.am/d1/music/sound.png" border="0" width="15px"> $READS$</a></td>
 <td style="padding:4px;color:#404040;font-size:2px;">$CATEGORY_NAME$</td>
 <td width="150px"></td>
 </tr>
 <tr>
 <td colspan="5" style="border-top:1px solid #cccccc;">

 <object id="audioplayer271" type="application/x-shockwave-flash" data="http://www.articls.ru/player/mp3.swf" width="350" height="30">
<param name="bgcolor" value="#FFFFFF"/>
<param name="allowScriptAccess" value="always"/>
<param name="movie" value="http://www.articls.ru/player/mp3.swf"/>
<param name="flashvars" value="st=http://mamka.do.am/audio/style/audio75-949.txt&comment=&m=audio&file=$RFILE_URL$"/>
</object>

 </td>
 <td style="border-top:1px solid #cccccc;"><a href="http://deejaay.ru/"><img src="http://mamka.do.am/img/pleer_logo.png" width="50px" border="0"></a></td>
 </tr>
</table>

 <style type="text/css">
 #image1 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+*/
 }

 #image1 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>

Смотрите также:

2 комментария
Порядок вывода комментариев: 1Спам 1 insee • 14:20, 01.12.2011 Хороший вид, понравился. 0Спам 2 fynjyd • 16:58, 19.03.2012 Класс, мне понравился 5+