Плюсы скрипта:
+ Не занимает много места
+ Есть плеер
+ Отдельная кнопка проиграть трек
+ Отдельная кнопка остановить трек
+ И просто хороший дизайн =) Минусы:
- При включение трека идет пару секунд на загрузку прлеера и загрузку подробострей о треке! Установка:
1. ПУ » Управление дизайном » Каталог файлов » Вид материалов:
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://cstrikez.org.ua/swf/uppod.swf" width="200" height="35"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://cstrikez.org.ua/swf/uppod.swf" /><param name="flashvars" value="comment=cstrikez.org.ua&st=http://cstrikez.org.ua/js/Flash_player/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>
2.Меняем на свои поля
$AUTHOR_SITE$ - Ссылка на трек
$RFILE_SIZE$ - Длительность
$READS$ - Скачало
3. ПУ » Управление дизайном » 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;}
Поделиться новостью в социальной сети.
Источник: http://cstrikez.org.ua/forum/6-232
Добавил: RAF
Дата добавления: 29.05.2011 в 15:08 по МСК
Категория: Скрипты для uCoz
Просмотров: 3124
Комментариев: 0
Рейтинг:
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]