Réponses - 1 élu(e)

Widget "300 px Réponses - 1 élu(e)"
Affichage standard
Sans la photo de l'élu(e)
1
2
Ce Widget permet :
- d'afficher trois questions auxquelles un(e) élu(e) a répondu
- d'inviter l'internaute à consulter ses réponses
- d’inviter l’internaute à lui poser une question

A noter :
- A chaque visite, les questions sont choisies de manière aléatoire
- Pour que ce widget s'affiche correctement (sans espace blanc), l'élu(e) doit avoir reçu au minimum 3 questions et y avoir répondu
Intégrez ce Widget

ÉTAPE 1 (nécessaire) - Liez le widget avec votre identifiant

Voici l’url de base de ce widget : http://questionnezvoselus.org/iframe/reponse/elu/4611 (cliquez pour avoir un apercu).
Remplacez le numéro « 4611 » par l'identifiant de votre maire à 4 chiffres que vous trouverez en indiquant son nom ci-dessous :

ÉTAPE 2 (optionnelle) – Personnalisez l’affichage du widget

Il est possible de renseigner plusieurs paramètres optionnels qui personnaliseront l'affichage de votre widget.
Voici une liste de ces différents paramètres et leur description.

 
Polices
Nom du paramètre Description Valeurs possibles Comportement si paramètre non renseigné
police_header Change la police des éléments suivants:
  • Titre "Questionnez vos élus"
  • Libellé "[Nom de l'élu] a répondu à vos questions"
  • Bouton "Posez votre question"
  • Libellé "En partenariat avec questionnezvoselus.org"
  • 0: Roboto
  • 1: Yanone Kaffeesatz
  • 2: Source Sans Pro
  • 3: Franklin Gothic Extra-Condensed
  • 4: Arial
  • 5: Bitter
  • 6: Oswald
  • 7: Tahoma
  • 8: Arial Black
  • 9: Novecento Medium
  • 10: Georgia
  • 11: Share
Utilisation de la police Yanone Kaffeesatz
police_questions Change la police des trois questions
  • 0: Roboto
  • 1: Yanone Kaffeesatz
  • 2: Source Sans Pro
  • 3: Franklin Gothic Extra-Condensed
  • 4: Arial
  • 5: Open Sans
  • 6: Tahoma
  • 7: Ubuntu
  • 8: Arimo
Utilisation de la police Roboto
 
 
Couleurs
Nom du paramètre Description Valeurs possibles Comportement si paramètre non renseigné
color_bordures Change la couleur des éléments suivant:
  • Bordure haute
  • Libellés "Voir la réponse"
  • Bouton "Posez votre question"
N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge 		Utilisation de la couleur 7BC144
color_header Change la couleur des éléments suivants:
  • ​Titre "Questionnez vos élus"
  • Libellé "[Nom de l'élu] a répondu à vos questions"
  • Libellé "En partenariat avec questionnezvoselus.org"
N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge 		Utilisation de la couleur 264F0E
color_questions Change la couleur des trois questions N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge 		Utilisation de la couleur 264F0E
 
 
Autres
Nom du paramètre Description Valeurs possibles Comportement si paramètre non renseigné
photo Permet d'afficher ou non la photo de l'élu
  • 0: photo masquée
  • 1: photo affichée
La photo est affichée
partnership Permet d'afficher ou non la mention du partenariat avec questionnezvoselus.org
  • 0: partenariat affiché
  • 1: partenariat masqué
Le partenariat est affiché


Ajoutez "?" dans l'Url après votre identifiant, puis renseignez les différents paramètres souhaités en respectant ce format: [Nom du paramètre]=[Valeur].
Si vous en renseignez plus d'un, ajoutez "&" entre chaque paramètre.
Exemple: http://questionnezvoselus.org/iframe/reponse/elu/4611?color_bordures=FF0000&color_header=000000&color_questions=000000&police_questions=3&police_header=3
Reportez-vous à cette / ces image(s) pour visualiser l'incidence de tous ces paramètres: 
Déplier

ÉTAPE 3 (nécessaire) – Implémentez votre url dans une balise iFrame

Une fois votre url personnalisée, insérez la balise iframe suivante dans le code de votre page internet, en remplaçant URL PERSONNALISÉE par votre url: 
<iframe src="URL PERSONNALISÉE" width='600' height='535' frameBorder='0' scrolling='no'></iframe>

Pour ajouter la police de votre site, ou pour toute autre question, n’hésitez pas à nous contacter : [email protected]