Radio en Popup Personnalisable

Insérer une Radio Personnalisable sur votre site

Voici une radio qui s'ouvre en popup afin que vos visiteurs puissent continuer à visiter votre site sans coupure de celle-ci.

Voici quelques caractéristiques :

  • 18 stations par défaut
  • Intégration en 2 lignes de code (si design par défaut)
  • Choix des couleurs afin de mieux l'intégrer sur votre site
  • Possibilité d'ajouter et de retirer des radios
  • Mémorisation de la station en écoute

Votre visiteur doit accepter les popups sur votre site


Aperçu de la radio


Intégration par défaut

Insérez ceci en zones éditables dans la partie :
"Balises META supplémentaires"

<script type="text/javascript" src="http://scriptsdegiga24.e-monsite.com/medias/files/radio-v1-2.js"></script>

Ensuite insérez ceci en HTML à l'emplacement où vous voulez insérer la radio :

<p><script type="text/javascript">radio()</script></p>

Personnalisation

Une fois l'intégration par défaut effectuée, vous pouvez ajouter ou supprimer des stations et modifier le design.

Toutes les codes ci-dessous sont à insérer en zone éditable dans la partie :
"Scripts javascripts supplémentaires"

Ajouter une radio :

  • ajoutRadio("Nom de la radio","Flux de la radio(l'url)");
exemple :
ajoutRadio("Fun Radio", "http://radio.funradio.fr/funradio.asx");

Supprimer une radio :

  • supprimeRadio("Nom de la radio");
exemple :
supprimeRadio("Fun Radio");

Personnaliser la liste déroulante et la popup :

Tous les paramètres sont à insérer comme ceci :

initRadio({
paramètre 1: "valeur 1",
paramètre 2: "valeur 2",
paramètre 3: "valeur 3"
})

Important : comme vous pouvez le constatez ci-dessus, il n'y a pas de virgule après le dernier paramètre, si vous mettez qu'un seul paramètre, ne mettez pas de virgule.

Personnaliser la liste déroulante :
DescriptionParamètreValeurExemple
LargeurlargeurSelection:"taille en pixels"largeurSelection: "200"
Couleur de fondcouleurFondSelection: "couleur ou code couleur"couleurFondSelection: "black"
couleurFondSelection: "#000000"
Couleur du textecouleurTexteSelection: "couleur ou code couleur"couleurTexteSelection: "white"
couleurTexteSelection : "#FFFFFF"
Taille du textetailleTexteSelection: "taille en pt"tailleTexteSelection: "10"
Texte d'arrêttexteArretRadio: "Texte pour arrêter la radio"texteArretRadio: "Arrêter la Radio"
Couleur du texte d'arrêtcouleurTexteArretRadio: "couleur ou code couleur"couleurTexteArretRadio: "white"
couleurTexteArretRadio: "#FFFFFF"
Taille du texte d'arrêttailleTexteArretRadio: "taille en pt"tailleTexteArretRadio: "10"
Zoom sur le tableau...
Personnaliser la Popup :
DescriptionParamètreValeurExemple
Couleur de fondcouleurFondPopup: "couleur ou code couleur"couleurFondPopup: "black"
couleurFondPopup: "#000000"
Couleur du textecouleurTextePopup: "couleur ou code couleur"couleurTextePopup: "white"
couleurTextePopup: "#FFFFFF"
Zoom sur le tableau...

Ceci donne :

initRadio({
largeurSelection: "200",
couleurFondSelection: "black",
couleurTexteSelection: "white",
tailleTexteSelection: "10",
texteArretRadio: "Arrêter la Radio",
couleurTexteArretRadio: "white",
tailleTexteArretRadio: "10",
couleurFondPopup: "black",
couleurTextePopup: "white"
})

Aucune note. Soyez le premier à attribuer une note !

Ajouter un commentaire

×