Виджет радио

  • Автор темы Obitatelll
  • Обновлено
  • 09, Jan 2022
  • #1
1- Создайте виджет:

2- Заполните поля:

3- В поле шаблона добавьте этот код:

 <xf:if is="{$xf.visitor.user_id}">
<div class="block-container" style="text-align:center;">
<h3 class="block-minorHeader">
 <i class="fa fa-volume-down" style="padding-right: 5px;"></i>Liste de radio.</h3>
 <ul class="block-body">
 <li class="block-row">
 <div class="contentRow">
 &nbsp;
 <a href="http://cdn.nrjaudio.fm/audio1/fr/30401/mp3_128.mp3?origine=fluxradios" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/xNQk4.png" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="Rire et Chanson" /></a>
 <a href="http://cdn.nrjaudio.fm/audio1/fr/30001/mp3_128.mp3?origine=fluxradios" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/emxaj.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="NRJ" /></a>
 <a href="http://www.skyrock.fm/stream.php/tunein16_128mp3.mp3" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/w1lZ4.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="Skyrock" /></a>
 <a href="http://cdn.nrjaudio.fm/audio1/fr/30201/mp3_128.mp3?origine=fluxradios" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/d70Va.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="Chérie FM" /></a>
 <a href="http://streaming.radio.funradio.fr/fun-1-48-192" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/PeLKQ.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="FUN Radio" /></a>
 <a href="http://cdn.nrjaudio.fm/audio1/fr/30601/mp3_128.mp3?origine=fluxradios" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/2p5Le.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="Nostalgie" /></a>
 <a href="http://vr-live-mp3-128.scdn.arkena.com/virginradio.mp3" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/oaLP7.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="Virgine Radio" /></a>
 </div>
 <a href="http://mp3lg4.tdf-cdn.com/9240/lag_180945.mp3" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/8V9qp.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="Europe 1" /></a>
 <a href="https://chai5she.cdn.dvmr.fr/rmcinfo" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/O5A7Q.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"tooltip title="RMC" /></a>
 <a href="http://streaming.radio.rtl2.fr/rtl2-car-44-64" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="https://i.goopics.net/02ALq.jpg" style="max-width: 32px;height: 32px;padding-right: 3px;"Tooltip title="RTL 2" /></a>
 </li>
 </ul>
 </div>


4- Установите флажок Расширенный режим

Результат:

Вы можете увеличить изображения, изменив коды max-width: 32px; height: 32px

Пример изменения значения на 48px (max-width: 48px; height: 48px)

Obitatelll


Рег
02 Feb, 2011

Тем
6299

Постов
10083

Баллов
41618
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно