Всем привет. Вот реши поделиться со скриптом для вида материалов для каталога файлов.
При наводке курсором на песню:
Установка:
Заходим в Панель Управления --> Дизайн --> Управление дизайном (Шаблоны) там находим: Каталог файлов и в раздел Вид материалов ставим следующий код:
Code
<div class="musiclist">
<div style="float:right"><a href="$FILE_URL$" target="_blank"><img style="margin-left: 8px;" src="http://vkus-mp3.ru/diz/downloads.png" align="right" height="17" width="17" title="Скачать: $TITLE$"></a> <span style="font-size:10pt"><span style="color:#777777">Загрузок: $LOADS$</span></span></div> <img style="margin-right: 8px;" src="http://vkus-mp3.ru/diz/play.png" align="left" height="17" width="17"> <span style="font-size:10pt"><a href="$ENTRY_URL$">$TITLE$</a></span>
</div><br>
А этот код вставляем в любое место в CSS:
Code
.musiclist {background: #ffffff; border-left:1px solid #d9e0e7; border-right:1px solid #d9e0e7; border-bottom:1px solid #d9e0e7; border-top:1px solid #d9e0e7; font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;}
.musiclist:hover {background: #d9e0e7; border-left:1px solid #61768a; border-right:1px solid #61768a; border-bottom:1px solid #61768a; border-top:1px solid #61768a; font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;}