Для изменения вида понадобится модуль Доска объявлений. Разумеется что можно использовать и другой модуль,всё зависит от того как вы решите раскладывать добавляемый материал.Дело в том что не все модули поддерживают разделы,а на одних категориях,из за разнообразия музыки сильно не разгонишься.
В общем мне показалось что более понятным и простым будет вариант где разделами являются основные отличия музыки,и посчитал что их основное отличие в языке исполнения,для упрощения разделов сделал два.
Первый раздел Отечественная музыка и соответственно категориями в разделе являются буквы русского алфавита.
Второй раздел Зарубежная музыка категориями в которой являются буквы английского алфавита.Соглашусь с мнением что это не самый лучший вариант,но тем не менее раскладывать категории по стилям исполнения тоже имеет свои недостатки.Всё это я пишу чтобы Вы поняли,что можно сделать иначе,как Вам понравится,не стесняйтесь экспериментировать.Прочтите всю статью перед установкой.И так приступим к формированию разделов категориями
Теория:
1.Сначала создаются разделы и категории
2.Потом производится настройка
3.А только потом изменение дизайна
Система сама пропишет комментарии
<!-- <middle> --><!-- <body> --> и
<!-- </body> --><!-- </middle> --> Просто иначе невозможно предсказать изначальное содержимое дизайна страниц,сейчас шлёпают шаблоны не задумываясь о стандартном написании.
Установка:
1.Набираем АДРЕС ВАШЕГО САЙТА/admin ( заходим в управление сайтом )
2.Активируем модуль Доска объявлений
3.Жмём на Доска объявлений и в выпадающем меню выбираем Управление категориями
4.Жмём Добавить раздел ( называем его Отечественная )
5.Возле появившегося раздела жмём Добавить категорию ( не путать с надписью Добавить категорию которая находится в правом углу )
6.Присваиваем каждой категории по букве русского алфавита ( от А до Я ),должно получаться как на картинке
7.Теперь жмём Добавить раздел ( называем его Зарубежная )
8.В этот раздел добавляем категории которым присвоены буквы английского алфавита ( от A до Z )
9.Всё,закончив с формированием категорий приступим к настройке модуля
Настройка модуля может производиться по разному,Вы можете применить настройки отличающиеся от тех которые применил я.Многое зависит от основных стилей Вашего сайта,поэтому можете попробовать с моими,но они могут быть и иными.И так пробуем настраивать.
1.Жмём на Доска объявлений и в выпадающем меню выбираем Настройки модуля
2.Указываем название модуля Музыка ( можно иначе )
3.Указываем настройки видимости материалов как на картинке ( могут быть иными)
4.Изменяем названия полей как на картинке,могут быть иными но для начала ставьте как у меня,а только потом по виду можете изменить
5.Всё с настройками закончили можно переходить к установке дизайна модуля.
К сожалению нельзя однозначно определить место в расположении элементов дизайна,у каждого сайта они могут выглядеть по разному.Поэтому последовательность установки подобного вида должна проходить по порядку который я описал,это изменит существующие коды на страницах дизайна убрав не нужные элементы кодов.Главное не спешите и обязательно после каждого действия смотрите что получается,тоесть добавили код,нажали сохранить изменения,открыли страницу модуля и смотрите как отражаются изменения в реальности ( материал пока не добавляем ).При добавлении кода ориентируемся на существующий у Вас,он должен быть стандартно прописан ( это middle и body ) от начала до конца их надо будет заменить на мои.
1. Доска объявлений ( название изменится если вы изменили название модуля ) и в выпадающем списке выбираем Управление дизайном модуля
2. Главная страница модуля находим строку
<!-- <middle> --><!-- <body> --> и по
<!-- </body> --><!-- </middle> --> строку заменяем этим кодом
Code
<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <!--<s3193>-->Музыка<!--</s>--> (<b>$NUM_ENTRIES$</b>)</td> </tr> </table> <hr /> $CATEGORIES$ <hr /> $BODY$ <br> <?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?><!-- </body> --><!-- </middle> -->
3. Страница с материалом раздела находим строку
<!-- <middle> --><!-- <body> --> и по
<!-- </body> --><!-- </middle> --> строку заменяем этим кодом
Code
<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » $SECTION_NAME$</td> <td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ]<?endif?> </td> </tr> </table> <hr /> $CATEGORIES$ <hr /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5234>-->В разделе Музыки<!--</s>-->: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br /><!--<s5235>-->Показано Музыки<!--</s>-->: <b>$NUM_SHOWN$</b><?endif?></td> <td align="right"><?if($PAGE_SELECTOR$)?><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$<?endif?></td> </tr> </table> <hr /> $BODY$ <br> <?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?><!-- </body> --><!-- </middle> -->
4. страница с материалом категории находим строку
<!-- <middle> --><!-- <body> --> и по
<!-- </body> --><!-- </middle> --> строку заменяем этим кодом
Code
<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » $CAT_NAME$</td> <td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Музыка<!--</s>--></a> ]<?endif?></td> </tr> </table> <hr />$CATEGORIES$<hr /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5233>-->В категории Музыки<!--</s>-->: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br /><!--<s5235>-->Показано Музыки<!--</s>-->: <b>$NUM_SHOWN$</b><?endif?></td> <td align="right"><?if($PAGE_SELECTOR$)?><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$<?endif?></td> </tr> </table> <hr /> $FILTER3_MENU$ $FILTER1_MENU$ $FILTER2_MENU$ <hr /> <?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<hr /><?endif?> $BODY$<br> <?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?><!-- </body> --><!-- </middle> -->
5. Страница материалов и комментариев к нему находим строку
<!-- <middle> --><!-- <body> --> и по
<!-- </body> --><!-- </middle> --> строку заменяем этим кодом
Code
<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td> <td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ]<?endif?></td> </tr> </table> <hr />$CATEGORIES$<hr /> <div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div> <table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock"> <tr><td width="85%"><?if($FILTER3_VALUE$)?>$FILTER3_VALUE$ |<?endif?> <?if($FILTER1_VALUE$)?>$FILTER1_VALUE$<?endif?> <?if($SCREEN_URL$)?>| <a href="$SCREEN_URL$" target="_blank"><!--<s5161>-->Фотография<!--</s>--></a><?endif?> </td> <td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr> <tr><td class="eText" colspan="2">$MESSAGE$<br><li>Послушать и скачайть бесплатно без ожидания и рекламы на высокой скорости</li><li>Все композиции загружены на сервер для быстрого скачивания</li><li>При добавлении не использовать ссылки на файлообменники</li><li>Приветсвуются материалы залитые на <a href="/" target="_blank" title="Бесплатный сервер для хранения Ваших файлов">Dropbox</a></li><li>При возникновении любых вопросов,советов,пожеланий - впишите в комментарий</li><br><div class="MusicBlock"style=""> <table cellpadding="10" cellspacing="10" height="25"width="100%"> <tr> <td style="width:30%;"><a href="$OTHER1$" target="_blank" title="Скачать бесплатно на высокой скорости"> <img border="0" src="http://ucozon.ru/_dr/62/25764358.gif"></a></td> <td style="width:200;" align="right"><center><object type="application/x-shockwave-flash" data="http://ucozon.ru/_dr/62/6219_player.swf" id="audioplayer1" height="30" width="300"> <param name="movie" value="http://ucozon.ru/_dr/62/6219_player.swf"> <param name="FlashVars" value="playerID=1&soundFile=$OTHER1$"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object></center></td> <td style="width:10%;" align="center"><div style="margin-right:5px;float:right;font-size:9px;color:#8B8989;"><div align="center"><?$RSTARS$('12','/.s/img/stars/9/12.png','1','float')?> <a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a></div></td></div></tr></table></div><br></td></tr> <tr><td class="eDetails1" colspan="2"><?if($USER$)?> <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a> | <?endif?> <?if($AUTHOR_NAME$)?> <!--<s5192>-->Контактное лицо<!--</s>-->: <u>$AUTHOR_NAME$</u><?endif?> <?if($AUTHOR_EMAIL_JS$)?><a href="$AUTHOR_EMAIL_JS$" title="E-mail">E</a><?endif?> <?if($AUTHOR_SITE$)?><a rel="nofollow" href="javascript://" onclick="window.open('$AUTHOR_SITE$');return false;" title="Web-site">W</a><?endif?> <?if($AUTHOR_PHONE$)?> | <!--<s5193>-->Телефон<!--</s>-->: <u>$AUTHOR_PHONE$</u><?endif?> <?if($TAGS$)?> | <!--<s5308>-->Теги<!--</s>-->: $TAGS$<?endif?> </td></tr> <tr><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b> <?if($PLACED_TILL$)?>| <!--<s5236>-->Размещено до<!--</s>-->: $PLACED_TILL$<?endif?> </td></tr> </table> <?if($COM_IS_ACTIVE$)?> <?if($COM_CAN_READ$)?> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr> <tr><td colspan="2">$COM_BODY$</td></tr> <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr> <tr><td colspan="2" height="10"></td></tr> </table> <?endif?> <?if($COM_CAN_ADD$)?> $COM_ADD_FORM$ <?else?> <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?> <?endif?> <?endif?><!-- </body> --><!-- </middle> -->
6. Вид материалов и заменяем всё содержимое этим кодом
Code
<div class="MusicBlock"> <table style=""cellpadding="0"cellspacing="0"height="30"width="100%"> <tr> <td style="width:70%; padding-left:7px; padding-bottom:1px;"><a href="$ENTRY_URL$" class="entryLink"title="Скачать песню на высокой скорости + оставить комментарий"><font color="#ffffff"style="font-size:13px;"><b>$TITLE$</b></font></a><div style="font-size:10px;color:#cccccc; "align="left"><a title="<br>Скачало: $READS$">Дата: $DATE$ | Скачало: $READS$</a></div></td> <td style="width:170;" align="right"><object type="application/x-shockwave-flash" data="http://ucozon.ru/_dr/62/6219_player.swf" id="audioplayer1" height="30" width="170"> <param name="movie" value="http://ucozon.ru/_dr/62/6219_player.swf"> <param name="FlashVars" value="playerID=1&soundFile=$OTHER1$"> <param name="quality" value="high"> <param name="menu" value="true"> <param name="wmode" value="transparent"> </object></td> <td style="width:10%;" align="center"><div style="margin-right:5px;float:right;font-size:9px;color:#8B8989;"><div align="center"><?$RSTARS$('12','/.s/img/stars/9/12.png','1','float')?> <a title="Рейтинг: $RATING$ <br>Голосов: $RATED$">Рейтинг: $RATING$</a></div></td></div></tr></table></div>
7. Страница поиска и рейтинга материалов находим строку
<!-- <middle> --><!-- <body> --> и по
<!-- </body> --><!-- </middle> --> строку заменяем этим кодом
Code
<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » $SECTION_NAME$</td> <td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ]<?endif?> </td> </tr> </table> <hr /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%"><!--<s5234>-->В разделе музыки<!--</s>-->: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br /><!--<s5235>-->Показано музыки<!--</s>-->: <b>$NUM_SHOWN$</b><?endif?></td> <td align="right"><?if($PAGE_SELECTOR$)?><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$<?endif?></td> </tr> </table> <hr /> $BODY$ <?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?><!-- </body> --><!-- </middle> -->
8. Страница добавления/редактирования материалов находим строку
<!-- <middle> --><!-- <body> --> и по
<!-- </body> --><!-- </middle> --> строку заменяем этим кодом
Code
<!-- <middle> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s3193>-->Музыка<!--</s>--></a> » $SECTION_NAME$</td> <td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5232>-->Добавить музыку<!--</s>--></a> ]<?endif?> </td> </tr> </table> <hr /> $BODY$<!-- </body> --><!-- </middle> -->
Теперь Вам осталось дописать стиль для вида музыки,для этого нажимаем Таблица стилей (CSS) и в самый низ вписываем этот код
Code
.MusicBlock {opacity: 0.7;background:#636363;border:1px solid #252525;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:3px;text-shadow: 1px 1px 0px #BEBEBE;} div.MusicBlock:hover {opacity: 1.0;border:1px solid #FFFFFF;text-shadow: 1px 1px 0px #BEBEBE;}
Всё,теперь можно пробовать добавлять материал.Понятно что вся процедура изменения вида может показатся трудной работой,но если Вы будете выполнять всё как я описал по порядку то всё должно получиться.
Меню сайта
Меню сайта
Все подробно расписано и понятно,огромное спасибо. Вот только плеер у меня музыку не воспроизводит
