» »

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


Думаю кто хочет создать сайт на тематику музыка онлайн или скачать. То вам понадобиться вид материалов прослушивать композицию. Хочу предложить очень не дурной вид без всяких плюшек и такой строгий выдержан в темных цветах. Вам нужно скачать архив и закинуть в корень сайта. Потом установить вид, повторюсь он для каталога файлов. Если ставить на другой модуль то его нужно немного переделать.
Код
<style> #menu-cont li {list-style:none;padding:6px;border-bottom:1px dotted #cccccc; text-shadow:0px 1px 0px #ffffff; text-decoration:none;background:#F5F5F5} #menu-cont li:hover {background:#ffffff} #menu-cont1 li {list-style:none;padding:6px; text-shadow:0px 0px 0px #ffffff; text-decoration:none;background:#fff;} #menu-cont1 li:hover {background:#eaf6fd} #menu-cont2 li {list-style:none;padding:1px;border-bottom:1px dotted #cccccc; text-shadow:0px 0px 0px #ffffff; text-decoration:none;background:#F5F5F5;} #menu-cont2 li:hover {background:#ffffff} a.download:link {text-decoration:none;float:center; padding:0 .3em;color:#fff;background:#00BFFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} a.download:visited {text-decoration:none;float:center; padding:0 .3em;color:#fff;background:#00BFFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} a.download:hover {text-decoration:none;float:center; padding:0 .3em;color:#fff;background:#00BFFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} a.download:active {text-decoration:none;float:center; padding:0 .3em;color:#fff;background:#00BFFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .b-audio-info__type{padding:0 .3em;color:#fff;background:#00BFFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-shadow:0px 0px 0px #ffffff;} </style> <div id="1382"> <div id="menu-cont1"> <li> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td style="padding:0px;">  
<td style="width:4%;padding-right:3px;" align="center">  

<input type="image" src="/play.png" onclick="$('#play$ID$').toggle();$('#stop$ID$').toggle();$('#player$ID$').toggle();$('#now_play$ID$').toggle();" id="play$ID$" style="width:26px;height:27px;cursor:pointer;" class="plpaus" />  
<input type="image" src="/stop.png" onclick="$('#play$ID$').toggle();$('#stop$ID$').toggle();$('#player$ID$').toggle();$('#now_play$ID$').toggle();" id="stop$ID$" style="width:26px;height:27px;display:none;cursor:pointer;" class="plpaus"/>  
</td>  
<td style="width:73%; padding-left:7px; padding-bottom:1px;">  
<div id="music"><a href="$ENTRY_URL$" class="najmi entryLink">$TITLE$ </a></div>  
<td style="width:4%;padding:3px;" align="center" valign="top">  
<div style="display:none;" id="player$ID$"><div id="audioplayer$ID$"></div>  
<object type="application/x-shockwave-flash" data="/uppod.swf" width="80" height="20" id="audioplayer$ID$" style="visibility: visible;">  
<param name="wmode" value="transparent"/>  
<param name="allowScriptAccess" value="always"/>  
<param name="id" value="audioplayer$ID$"/>  
<param name="flashvars" value="uid=audioplayer$ID$&comment=audio&st=/80x30.txt&file=$FILE_URL$ $RFILE_URL$"/>  
</object>  
</td> </tr> </tbody> </table> </li> </div> </div>
22.10.2013 Загрузок: 27 Просмотров: 723 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar