Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Bonjour,
Je cherche à fournir une page avec un calendrier. J'utilise Dotclear 2.6 sur un hébergement Free et le plugin icsfeed ne fonctionne pas.
J'ai donc essayé d'intégrer le calendrier d'un compte Google, en recopiant le code tout prêt :
<iframe src="https://www.google.com/calendar/embed?title=Agenda%20du%20club%20DiscTroy(es)&showTitle=0&showPrint=0&height=600&wkst=2&hl=fr&bgcolor=%23FFFFFF&src=disctroyes%40gmail.com&color=%232952A3&ctz=Europe%2FParis" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
Voici le résultat :
http://disctroyes.free.fr/index.php?pages/Agenda
Le problème est que la taille du calendrier est fixée à l'avance... Comment éviter que le calendrier dépasse de la page suivant les niveaux de zoom ?
Merci d'avance pour votre aide !
Rémi.
P.S : je n'y connais rien en programmation web.
Hors ligne
Bonsoir !
Merci pour la réponse rapide. J'ai modifié (un peu au hasard je dois dire) le fichier style.css comme tu me l'as indiqué et cela fonctionne !
Quelles sont les conséquences par contre sur le reste du site ? Est-ce que cela risque d'introduire d'autres problèmes ?
Hors ligne
Sinon, pour intégrer le calendrier Google, j'ai procédé comme ceci depuis le menu d'édition de la page dans Dotclear :
- Formatage de texte : xhtml
- Clic sur source
- Recopie du code fourni par Google
J'ai remarqué que l'intégration ne fonctionne que dans Firefox chez moi et pas dans Epiphany (webkit). Est-ce la bonne démarche ? J'ai l'impression que je ne devrais pas utiliser la balise <iframe> :
Hors ligne
Une autre solution est de donner une taille au calendrier dans la page d'administration de Google Calendar, non ?
Hors ligne
Alors, l'intégration ne fonctionnait pas dans mon autre navigateur car je n'étais pas connecté avec mon compte Google. J'ai donc rendu l'agenda public, ce qui résout le problème.
Je peux changer les dimensions de l'Agenda en pixels, mais j'imagine que je vais avoir les mêmes problèmes ? J'essaie tout de suite en tout cas.
Dernière modification par remjg (2015-02-06 20:37:46)
Hors ligne
Effectivement, si je choisis pour dimensions (600px;450px), je ne constate pas pour l'instant de problème en comparaison de la configuration initiale (800px;600px).
Dois-je à votre avis conserver la modification du fichier CSS comme suggéré par Pierrevg ou utiliser une taille réduite ?
Sinon, j'ai trouvé comment insérer proprement (et de manière centrée) le calendrier depuis le menu d'édition des pages. Je me suis mis en mode wiki et j'ai tapé le code ci-dessous :
///html
<div style="text-align:center;">
<iframe
src="https://www.google.com/calendar/embed?title=Agenda%20du%20club%20DiscTroy(es)&showTitle=0&showPrint=0&height=600&wkst=2&hl=fr&bgcolor=%23FFFFFF&src=disctroyes%40gmail.com&color=%232952A3&ctz=Europe%2FParis"
style=" border-width:0 "
width="800px" height="600px"
frameborder="0" scrolling="no">
</iframe>
</div>
///
Auparavant, le code "disparaissait" et je ne pouvais plus l'éditer ultérieurement, pire je perdais tout en enregistrant une nouvelle fois la page...
Merci pour votre aide à tous les deux !
Hors ligne
Vous n'êtes pas identifié(e).