Вид материалов удобный музыкальный с плеером mp3 для прослушивания в онлайне на сайте музыке, естественно по прямым ссылкам.
Так же встроенный код почти скрипта который сделал mdbaner похожий под кнопку мне нравится стиля ВКонтакте , его работа заключается в том что при клике пользователем засчитывается рейтинг пяти балов а счетчик считает только количество голосов, не совсем как в контакте единственное что не возможно вернуть обратно голос.
Установка вида музыкального на сайт: Переходим в модуль в котором у вас будет вывод музыкального вида через Панель управления, далее в странице модуля переходим в вид материалов модуля, и вставляем там данный код , скрипт работает только в каталоге файлов, если необходимо изменить то замените /load/ на свой модуль.
Code
<div class="MusicBlock" style="">
<table style="" cellpadding="0" cellspacing="0" height="35" width="100%">
<tr><td style="text-align: center;float: center;width:4%;" align="center"><a href="javascript:void(0)" onclick="$('#id$ID$_audio_play').slideToggle('slow');$('#id$ID$_audio_play_addons').slideToggle('slow');">
<span id="id$ID$_audio_pimp"><input style="width:45px;height:35px;margin-left:2px;" type="submit" border="0" value="PLAY" title="Проиграть: $TITLE$ Трек" onclick="$('#id$ID$_audio_simg').toggle();$('#id$ID$_audio_pimp').toggle();"/></span>
<span id="id$ID$_audio_simg" style="display:none;"><input style="width:45px;height:35px;margin-left:2px;" type="submit" value="STOP" title="Остановить: $TITLE$ Трек" onclick="$('#id$ID$_audio_pimp').toggle();$('#id$ID$_audio_simg').toggle();"/></span>
</a></td>
<td style="width:61%; padding-left:7px; padding-bottom:1px;"><a href="$ENTRY_URL$" class="entryLink" title="Подробние об етом треке или скачать!"><font color="#36638e" style="font-size:11px;"><b>$TITLE$</b></font></a><div style="font-size:9px; color:#8B8989;" align="left"> <?if($DATE$='Сегодня' || $DATE$='Вчера')?><img src="http://ucozon.ru/SCRIN2/28.gif" border="0" title="Новий трек!" /> | <?endif?><a title="Дата: $DATE$ <?if($RFILE_SIZE$)?><br>Длительность $RFILE_SIZE$<?endif?> <br>Скачало: $READS$">Дата: $DATE$ <?if($RFILE_SIZE$)?>| Длительность: $RFILE_SIZE$ <?endif?>| Скачало: $READS$</a></div></td>
<td style="width:200;" align="right"><div id="id$ID$_audio_play" style="display:none;float: center;"><object id="audioplayer1670" type="application/x-shockwave-flash" data="http://avtos.do.am/Mater/MP3/uppod.swf" width="200" height="35"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://avtos.do.am/Mater/MP3/uppod.swf" /><param name="flashvars" value="comment=avtos.do.am&st=http://avtos.do.am/Mater/MP3/audio70-885.txt&file=$AUTHOR_SITE$" /></object></div></td>
<td style="width:10%;" align="center"><div style="margin-right:5px;float: right;font-size:9px; color:#8B8989;"><center><?$RSTARS$('12','/.s/img/stars/9/12.png','1','float')?><a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a></center></div></td></div></tr></table> </div>
Так же устанавливаем стиль для вида в Управление дизайном - таблица стилей CSS: Code
.MusicBlock {opacity: 0.7;background:#cfe4ea;border:1px solid #3e81b2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;text-shadow: 1px 1px 0px #BEBEBE;}
div.MusicBlock:hover {opacity: 1.0;border:1px solid #FFFFFF;text-shadow: 1px 1px 0px #BEBEBE;}
Настройки:
$AUTHOR_SITE$ можно изменить на
$OTHER1$ - это подле дополнительное для вставки прямой ссылки на музыкальный трек в формате MP3
$RFILE_SIZE$ - Размер трека музыкального, активация не обязательна.
В остальном регулировка цвета
$READS$ - Скачало сколько