Плеер для ucoz
Сегодня хочу поделиться подборкой плееров для музыкальных сайтов на uCoz.
Плеер для uCoz - дополнение к основным возможностям uCoz. На нашем родном uCozе плеер уже предусмотрен и не всем он нравится. Да и частично он неудобен. Кто не согласен со мной ? Навряд ли найдутся такие , иначе не читали бы этот пост! В общем, считаю , что многие искали и хотели установить что-то новое на сайт - новый красивый плеер , сегодня я помогу вам с этим и поделюсь несколькими плеерами для сайта ucoz. Больше подойдет для музыкальных сайтов ,а так же видео-галерей. Давайте - начнем.
1. Музыкальный плеер для uCoz с возможностью воспроизведения .mp3 - другие форматы не пробовал - но уверен, он тоже сможет их воспроизвести. Получаем красивый плеер с красивой ссылочкой - для скачивания песни.
Как вы увидели - плеер выполнен в светло синих и темно синих тонах. Красиво будет смотреться на вашем сайте. Только засунуть такой большой плеер скорее в блок на сайте у вас никак не получится. Поэтому - вставляем на страницу с полным видом и комментариями - или на главную. Где вы хотите в общем. Перейдем к установке :
Для установки плеера на сайт uCoz вам необходимо в том месте ,где вы хотите увидеть плеер вставить HTML код:
Давайте разберем код :
value="$ENTRY_TITLE$ - отображает название песни в плеере.
$RFILE_URL$ - ссылка на песню. Код писался под каталог файлов и поэтому не стоит обращать внимания. Можно использовать дополнительные поля или на прямую свою ссылку.
Ну и конечный код - ясное дело - создан для того ,чтобы облегчить нам жизнь - то есть ,ссылка на скачивание песни.
Установка на этом не закончилась. Заходим теперь в панель управления сайтом - далее управление стилями и css и вставляем в самый низ страницы код :
Не стоит забывать и о поисковиказ РУнета при установке плеера. Он идеален - но прописав определенные теги ,такие как выделение жирным шрифтом - песню на вашем сайте - бот от яшки будет ранжировать выше. оптимизация - которая доступна каждому. Но если нет знаний ,то пользуемся онлайн сервисами!
Установка на этом заканчивается. Если кому-то необходима помощь в создании музыкального сайта или в создании муз.модуля - ну вы поняли - пишите в комментах. Я напишу мануал (урок) как всё сделать! Так же могу и помочь с кинотеатром на uCoz или видеогалереей!
Подборку остальных плееров ждите в сл.уроке.
Плеер для uCoz - дополнение к основным возможностям uCoz. На нашем родном uCozе плеер уже предусмотрен и не всем он нравится. Да и частично он неудобен. Кто не согласен со мной ? Навряд ли найдутся такие , иначе не читали бы этот пост! В общем, считаю , что многие искали и хотели установить что-то новое на сайт - новый красивый плеер , сегодня я помогу вам с этим и поделюсь несколькими плеерами для сайта ucoz. Больше подойдет для музыкальных сайтов ,а так же видео-галерей. Давайте - начнем.
1. Музыкальный плеер для uCoz с возможностью воспроизведения .mp3 - другие форматы не пробовал - но уверен, он тоже сможет их воспроизвести. Получаем красивый плеер с красивой ссылочкой - для скачивания песни.
Как вы увидели - плеер выполнен в светло синих и темно синих тонах. Красиво будет смотреться на вашем сайте. Только засунуть такой большой плеер скорее в блок на сайте у вас никак не получится. Поэтому - вставляем на страницу с полным видом и комментариями - или на главную. Где вы хотите в общем. Перейдем к установке :
Для установки плеера на сайт uCoz вам необходимо в том месте ,где вы хотите увидеть плеер вставить HTML код:
Code
<center><object id="audioplayer8184" type="application/x-shockwave-flash" data="http://uworld.su/files_saita/img/uppodDM.swf" width="400" height="35"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://uworld.su/files_saita/img/uppodDM.swf" /><param name="flashvars" value="$ENTRY_TITLE$&st=http://uworld.su/files_saita/img/plstyles.txt&file=$RFILE_URL$" /></object></center>
<span class="cpojer"><center><a href="$RFILE_URL$" title="Скачать $ENTRY_TITLE$" target="_blank"><b>Скачать MP3 песню "$ENTRY_TITLE$"</b></a></center></span>
<span class="cpojer"><center><a href="$RFILE_URL$" title="Скачать $ENTRY_TITLE$" target="_blank"><b>Скачать MP3 песню "$ENTRY_TITLE$"</b></a></center></span>
Давайте разберем код :
value="$ENTRY_TITLE$ - отображает название песни в плеере.
$RFILE_URL$ - ссылка на песню. Код писался под каталог файлов и поэтому не стоит обращать внимания. Можно использовать дополнительные поля или на прямую свою ссылку.
Ну и конечный код - ясное дело - создан для того ,чтобы облегчить нам жизнь - то есть ,ссылка на скачивание песни.
Установка на этом не закончилась. Заходим теперь в панель управления сайтом - далее управление стилями и css и вставляем в самый низ страницы код :
Code
.cpojer a {display: inline-block; padding: 4px; outline: 0; color: #545454;-webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.cpojer a:hover {background: #788c9f;text-decoration: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(1.05) rotate(-1deg); -moz-transform: scale(1.05) rotate(-1deg); -o-transform: scale(1.05) rotate(-1deg); transform: scale(1.05) rotate(-1deg); }
.cpojer a:nth-child(2n):hover {-webkit-transform: scale(1.05) rotate(1deg); -moz-transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); transform: scale(1.05) rotate(1deg);}
.cpojer a:hover {background: #788c9f;text-decoration: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(1.05) rotate(-1deg); -moz-transform: scale(1.05) rotate(-1deg); -o-transform: scale(1.05) rotate(-1deg); transform: scale(1.05) rotate(-1deg); }
.cpojer a:nth-child(2n):hover {-webkit-transform: scale(1.05) rotate(1deg); -moz-transform: scale(1.05) rotate(1deg); -o-transform: scale(1.05) rotate(1deg); transform: scale(1.05) rotate(1deg);}
Не стоит забывать и о поисковиказ РУнета при установке плеера. Он идеален - но прописав определенные теги ,такие как выделение жирным шрифтом - песню на вашем сайте - бот от яшки будет ранжировать выше. оптимизация - которая доступна каждому. Но если нет знаний ,то пользуемся онлайн сервисами!
Установка на этом заканчивается. Если кому-то необходима помощь в создании музыкального сайта или в создании муз.модуля - ну вы поняли - пишите в комментах. Я напишу мануал (урок) как всё сделать! Так же могу и помочь с кинотеатром на uCoz или видеогалереей!
Подборку остальных плееров ждите в сл.уроке.
Смотрите также:
- Новые ЛС в ajax окне снизу на ucoz
- Шаблон Blue-red для uCoz
- Шаблон для сайта на тему ключей для антивирусов
- MegaShara - хороший варез шаблон DLE
- Темный cs/кс шаблон для uCoz
- Профиль в шапке сайта для ucoz
- Усовершенствованный анти-мат для форума на ucoz
- Шрифт - Terminator Cyr 4
- Скрипт проверка тем на дубликаты для uCoz
- Адаптация Music Seria с DLE на uCoz