Виджет радио

[Wmlogs]

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)