Скрипт Радио на сайт uCoz

Скрипт Радио на сайт uCoz

02016-04-27139783Денис Абдуллин

Полезно радио для того, чтобы удержать на некоторое время посетителя на сайте. Имеет смысл ставить его на видное место. Не только для сайтов музыкального направления радио приемлемо, для развлекательных порталов и варезников тема актуальна.

Преимущество этого скрипта в том, что радио не займет много места, т.к. имеет вид выпадающего списка. Скрипт Радио для uCoz написан в несколько строк, что облегчает установку значительно.

Код радио

Версия с выпадающим списком. Вставить в секцию <body>:

Онлайн радио

Код
<!--НАЧАЛО БЛОКА РАДИО ОНЛАЙН-->
<style type="text/css">
#ro_h2 {border-radius: 0px 0px 0 0;}
#ro_block h2 { background: #800000; padding: 10px; margin: 0; line-height: 100%; text-align:center;}
#ro_block h2 a { background: #800000; color: #ffffff; font: normal bold 16px Arial, Verdana, Tahoma; text-decoration: none;}
#ro_block h2 a:hover { text-decoration: underline;}
#ro_img { background: #ffffff; border-radius: 0 0 0px 0px;}
</style>
<div id="ro_block" align="center">
<h2 id ="ro_h2"><a href="http://onlayn-radio.ru/" target="_blank">Онлайн радио</a></h2>
<div id="ro_player"></div><div id="ro_img"></div>
</div>
<script type="text/javascript" language="javascript">var orruMyRad = "13,5,8,26,31,129,145,324,339", orruBlockWidth = 240, orruImgKol = 3;</script>
<script src="http://onlayn-radio.ru/script/rad.js" type="text/javascript" defer="defer"></script>
<!--КОНЕЦ БЛОКА РАДИО ОНЛАЙН-->

Версия со значками радиостанций:

Радио

Код
<!--НАЧАЛО БЛОКА РАДИО ОНЛАЙН--><style type="text/css">
#RP_v2_content ul{max-height:150px;overflow:auto;font-family:Arial, Verdana, Tahoma;}
#RP_v2_radioPlayer{float:left;width:0;height:0;overflow:hidden;z-index:-999}
#RP_v2_radio{text-align:left;margin:0;height: 30px;}
#RP_v2_radio dd,#RP_v2_radio dt,#RP_v2_radio ul{text-align:left;margin:0;padding:0}
#radio2link{height:26px;width:220px;overflow:hidden}
#RP_v2_radio dd{position:relative;text-align:left}
#RP_v2_radio a,#RP_v2_radio a:visited{color:#6a6a6a;text-decoration:none;outline:none;width: 200px;}
#RP_v2_radio a:hover{color:#000}
#RP_v2_radio dt a:hover{color:#000;border:1px solid #cfcfcf;width: 200px;}
#RP_v2_radio dt a{background:#fff url(http://onlayn-radio.ru/script/dd-arrow.png) no-repeat scroll right center;display:block;border:1px solid #cfcfcf;width:200px;height:20px;padding:2px 5px}
#RP_v2_radio dt a span{cursor:pointer;display:block;height:22px;font-weight:normal;font-size:16px;}
#RP_v2_radio dd ul{background:#fff none repeat scroll 0 0;text-align:left;border:1px solid #cfcfcf;color:#C5C0B0;display:none;left:0;position:absolute;top:2px;width:auto;min-width:150px;list-style:none;z-index:200;padding:0;overflow-x: hidden;}
#RP_v2_radio span.value{display:none}
#RP_v2_radio dd ul li a{display:block;padding:5px}
#RP_v2_radio dd ul li a:hover{background-color:#eee}
</style>

<dl id="RP_v2_radio">
  <span id="RP_v2_radioPlayer"></span>
  <dt id="radio2link"><a href="http://onlayn-radio.ru/" target="_blank"><span>Слушать радио</span></a></dt>
  <dd id="RP_v2_content">
  <ul id="ulplayerradio" style="display: none;"></ul>
  </dd>
</dl>
<script type="text/javascript">var orruMyRad = "24,13,5,8,26,31,33,34,135,136,178,324,331,335,413,1258", orruBlockWidth = 200, orruImgKol = 3;</script>
<script src="http://onlayn-radio.ru/script/rad3.js" type="text/javascript" defer="defer"></script>
<!--КОНЕЦ БЛОКА РАДИО ОНЛАЙН-->

Список радиостанций и другие версии

Воспользуйтесь оригинальной страницей генератора радио. На данной странице приведены только примеры. Там же вы можете выбрать список радиостанций, шрифты и т.д.

Отметим, что список радиостанций огромной, любой желающий найдет себе станцию по вкусу. Станций более ста. Можно привести для примера десять первых радиостанций: Европа Плюс, Шансон, Energy, Эхо Москвы, Серебряный дождь, Радио Ваня, Makradio Ретро хит, Venice Classic Radio, Radio Jazz Instrumantal и Наше радио.


Если Вы решили установить скрипт Радио для uCoz на другую CMS, то работать радио будет, только прежде нужно подключить JQuery на страницах сайта. Вот этот код ставьте в секцию HEAD:

Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Скрипт, на самом деле, универсальный, просто uCoz имеет свою популярность в этом плане, множество людей ищут радио на сайт специально для uCoz, хотя любой подобный сценарий в итоге все равно окажется универсальным, т.е. подходящим для любых сайтов, не только на uCoz.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (3)
Евгений 2016-04-27 в 20:52 / МатериалСпам
Щоб було!
2
Евгений 2016-04-28 в 12:35 / МатериалСпам
Поставил я таки радио на свой портал, довольно таки отличное радио! Еще раз СПАСИБО!
1
Club-FM 2016-04-27 в 19:00 / МатериалСпам
Зачемммм?
-1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.