Mp3 красивый вид материалов для ucoz

.MusicShadow {background:url('http://ucozon.ru/SCRIN7/2/music_bg.png') no-repeat right bottom; height:5px; width:115px; margin-right:2px;}
.MusicBlock {border:1px solid #c5c5c5; padding:3px; background:#f8f8f8; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
div.MusicBlock:hover {border:1px solid #56abdd;}
a.mp:link {text-decoration:none; color:#2f8bcc;}
a.mp:active {text-decoration:none; color:#2f8bcc;}
a.mp:visited {text-decoration:none; color:#2f8bcc;}
a.mp:hover {text-decoration:none; color:#515151;}  
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}  
.m {font-family:Tahoma,Arial,Helvetica;}  
a.m:link {text-decoration:none; color:#4C74B6}  
a.m:visited {text-decoration:none; color:#4C74B6}  
a.m:hover {text-decoration:none; color:#42aaff;}  
a.m:active {text-decoration:none; color:#4C74B6;}  
li.f{border:1px solid #BAC6D9; margin: 0px; padding: 2px 2px 2px 10px; background: #000000;}  
li.f:hover {border:1px solid #B8B8B8; margin: 0px; padding: 2px 2px 2px 10px; background: #000000;}  
li.m {border:1px solid #a3d3fa; margin: 0px; padding: 2px 2px 2px 10px; background: #F5F5F5;}  
li.m:hover {border:1px solid #42aaff; margin: 0px; padding: 2px 2px 2px 10px; background: #ffffff;}

<div class="MusicBlock"><span style="color: rgb(1, 84, 127);">
<table cellpadding="0" cellspacing="0" width="100%"><tr><td style="width:4%; border-right:1px solid #cccccc; padding-right:3px;" align="center">  
<img style="padding-top:1px;" src="http://ucozon.ru/SCRIN7/2/music_b.png" align="absmiddle" border="0"></td><td style="width:40%; padding-left:7px; padding-bottom:1px; border-right:1px solid #cccccc;">  
<a class="mp" href="$ENTRY_URL$"><b>$TITLE$</b></a>  
<div style="font-size:10px; color:#c0c0c0;" align="left">Категория: $CATEGORY_NAME$</div></td>
<td style="width:30%; padding-left:7px; padding-bottom:1px; border-right:1px solid #cccccc;">
<script type="text/javascript">  
  AudioPlayer.setup("http://avtos.do.am/img/bloc1/pleer/player.swf", { width: 200, transparentpagebg: "yes", initialvolume: 50});  
  </script>  
  <p id="audioplayer_$ID$">Alternative content</p>  
  <script type="text/javascript">  
  AudioPlayer.embed("audioplayer_$ID$", {soundFile: "$RFILE_DIRECT_URL$",  
  titles: "$TITLE$",  
  artists: "$CATEGORY_NAME$",  
  });  
  </script>
</td><td style="width:10%; border-right:1px solid #cccccc; font-size:11px; font-family:tahoma; color:#6d6d6d;" align="center">$LOADS$<div style="font-size:10px; color:#c0c0c0;" align="center">Загрузок</div></td> <td style="width:10%; font-size:11px; font-family:tahoma; color:#6d6d6d; padding-left:5px;" align="center">$READS$<div style="font-size:10px; color:#c0c0c0;" align="center">Просмотров</div></td> </tr></table> </div> <div style="float:right;" class="MusicShadow"></div>  
<div style="height:6px;"></div></span>

<script type="text/javascript" src="http://avtos.do.am/img/bloc1/pleer/player.js"></script>