Вид музыкальных файлов mp3 для Ucoz

Ещё один вид для музыкальных сайтов. Вид музыкальных файлов mp3 для Ucoz
По существу, вид материалов выполнен стильно и с подобием более информационного как вида так и проигрывателя, есть возможность так же разместить постер музыкального альбома, используя другие сервис, или используя свою форму загрузки изображения.
По сравнению с другими вариациями, это достаточно удобный, все что нужно в нем красиво окормлено и есть на месте, придаст любому сайту уникальность и красоту в дизайне общем.

Использовать желательно на сайтах с светлым фоном и цветом дизайна.
Так же исправлена от автора вариация того что бы при включении следующей песни, предыдущая выключается.
.
Установка на свой сайт:

В таблицу стилей вставляем стиль CSS

Code

#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+ */
  }

Управление дизайном » Редактирование шаблонов » Каталог файлов » вид материалов

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"><?if($IMG_URL1$)?><img width="40px" src="$IMG_URL1$" border="0" style="border:1px solid #cccccc;padding:2px;"><?else?><img width="40px" src="http://mamka.do.am/noavatar_big.png" border="0" style="border:1px solid #cccccc;padding:2px;"><?endif?></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="audioplayer$ID$" 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="/"><img src="http://mamka.do.am/img/pleer_logo.png" width="50px" border="0"></a></td> </tr></table>

Автор\Источник: http://uwnd.ru/
Для того что бы скачать архив необходимо зайти на сайт как пользователь.