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 :
| Description | Paramètre | Valeur | Exemple |
|---|---|---|---|
| Largeur | largeurSelection: | "taille en pixels" | largeurSelection: "200" |
| Couleur de fond | couleurFondSelection: | "couleur ou code couleur" | couleurFondSelection: "black" couleurFondSelection: "#000000" |
| Couleur du texte | couleurTexteSelection: | "couleur ou code couleur" | couleurTexteSelection: "white" couleurTexteSelection : "#FFFFFF" |
| Taille du texte | tailleTexteSelection: | "taille en pt" | tailleTexteSelection: "10" |
| Texte d'arrêt | texteArretRadio: | "Texte pour arrêter la radio" | texteArretRadio: "Arrêter la Radio" |
| Couleur du texte d'arrêt | couleurTexteArretRadio: | "couleur ou code couleur" | couleurTexteArretRadio: "white" couleurTexteArretRadio: "#FFFFFF" |
| Taille du texte d'arrêt | tailleTexteArretRadio: | "taille en pt" | tailleTexteArretRadio: "10" |
Personnaliser la Popup :
| Description | Paramètre | Valeur | Exemple |
|---|---|---|---|
| Couleur de fond | couleurFondPopup: | "couleur ou code couleur" | couleurFondPopup: "black" couleurFondPopup: "#000000" |
| Couleur du texte | couleurTextePopup: | "couleur ou code couleur" | couleurTextePopup: "white" couleurTextePopup: "#FFFFFF" |
Ceci donne :
initRadio({
largeurSelection: "200",
couleurFondSelection: "black",
couleurTexteSelection: "white",
tailleTexteSelection: "10",
texteArretRadio: "Arrêter la Radio",
couleurTexteArretRadio: "white",
tailleTexteArretRadio: "10",
couleurFondPopup: "black",
couleurTextePopup: "white"
})
