- 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">
<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)