| L'agenda Régional du Conte |
| Midi-Pyrénées |
 |
-
accueil > Conteur / festival > Mode d'emploi > Comment afficher votre agenda ? > Personnaliser votre agenda Comment personnaliser l'affichage de votre agenda
Feuille de style dédiée à l'agenda :
L'apparence de votre agenda (police de caractère, couleurs et taille du texte, couleur de fond...) est déterminée par une feuille de styles enregistrée dans le fichier agenda.css.
Sur le serveur, ce fichier doit être dans le même répertoire que votre agendaExemple de feuille de style :
.rendezvous {
background-color: #ffffcc;
color: #330000;
font-family: "Times New Roman",Times,serif;
padding-left : 10px, padding-right :2px;
}
.rendezvous.ville {
font-size: 1.3em;
color: #cc0000;
}
.rendezvous .auteur {
}
.rendezvous .titre {
color: #990000;
font-size: 1.2em;
}
.rendezvous .plusdinfos {
}
.rendezvous h2 {
margin-bottom: 3px;
background-color: #fff695;
font-size: 1.3em;
}
.rendezvous a:link, .rendezvous a:visited {
color: #c00000;
}
.rendezvous a:hover {
background-color: #c00000;
color: #ffffff;
}Voici la présentation proposée par cette feuille de style :
Affichage en php :
Le fichier agenda.css, qui contient la feuille de style doit être placée dans le même répertoire que la page de l'agenda. C'est en modifiant ce fichier que vous pourrez personnaliser l'apparence de votre agenda.
-
Télecharger le fichier agenda.css en cliquant ici
-
Modifier la feuille de style selon vos besoins
-
Placer le fichier agenda.css sur votre serveur dans le répertoire de la page de l'agenda
Si vous ne modifiez rien dans la feuille de style, l'affichage sera identique à celui du site de l'Agenda Régional du Conte.
Affichage en html :
Par défaut, c'est la feuille de style du site de l'Agenda Régional du Conte qui est appliquée. Vous n'avez pas besoin d'ajouter le fichier agenda.css sur votre serveur.
Si vous souhaitez néanmoins utiliser votre propre feuille de style avec cette méthode, procéder comme ainsi :
-
Télecharger le fichier agenda.css en cliquant ici et modifiez-le selon vos besoins.
-
Placer le fichier modifié sur votre serveur et copiez son url.
-
Coller cette url dans le code ajouté à votre page html de la manière suivante :
<iframe width="100%" scrolling="auto" height="500" frameborder="0" src="http://agenda31.conteurs.org/mon-agenda-iframe.php?conteur=Pf2RhvX9-2&css=http://www.monsite.fr/styles_agenda.css" noresize="" hspace="0" vspace="0" marginheight="0" marginwidth="0"> Votre navigateur ne supporte pas les frame. vous pouvez vous rendre sur la page concernée en cliquant<a
href="http://agenda31.conteurs.org/mon-agenda-iframe.php?conteur=Pf2RhvX9-2&css=http://www.monsite.fr/styles_agenda.css">ici.]
Le code ajouté est en rouge dans cet exemple, vous devez les remplacer par celui qui convient pour votre site.
Notez que le code est ajouté à deux endroits
Codage de caractères
Par défaut, les caractères sont codés en ISO-8859-1.
Si votre site est codé en UTF-8, et que vous utilisez la méthode d'intégration en PHP vous devez ajouter &codage=utf-8 dans l'url de votre code.
Exemple:
-->!--? echo file_get_contents('http://agenda31.conteurs.org/mon-agenda.php?conteur=Pf3RhvX9-1&codage=utf-8'); -
