| piCal plus souple avec un thème |
Titre du sujet : piCal plus souple avec un thème
par PinMaster sur 25/02/2006 16:07:02
J'estime que ce module est le meilleur des calendriers pour xoops, mais hélas il n'est pas très "smarty" et implique bien souvent d'allez dans le code source pour l'adapter à son thème. Ce que j'ai dû faire, et comme cette modification pourrait en intérressé quelques uns, je vais vous le mettre ici.
Déjà, je me suis appuyé sur la version 0.85a et ma modification c'est portée sur le redimensionnement de certaines pages générées par ce module.
Voici une liste des fichiers modifiés :
-> piCal/class/pical.php
---------> Fonction modifiée : get_daily_html, get_monthly_html, y en a peut être une autre mais là j'avoue je l'ai oublié ^^
-> piCal/images/default/daily.tmpl.html
-> piCal/images/default/weekly.tmpl.html
-> piCal/images/default/monthly.tmpl.html
-> piCal/images/default/yearly.tmpl.html
-> piCal/templates/pical_event_list.html
Une fois la mise à jour faites, il vous faudra rajouter dans une feuille de style, le code suivant :
/* Calendrier PiCal */
.pical-categoryform {
width: 100%;
border: 0px;
}
#pical_calendar_body {
width: 100%;
border-collapse: collapse;
margin:0px;
}
#pical_calendar_copyright { text-align: right; margin: 2px;}
#pical_calendar_print { text-align: right; margin: 2px;}
#pical_monthly {
width: 100%;
margin: 0px;
margin-top: 10px;
border: 0px;
border-collapse: collapse;
}
#pical_monthly .calbody img { /* Dimension minimale pour une cellule */
width: 70px;
height: 70px;
}
#pical_weekly {
}
#pical_daily {
width: 100%;
margin: 0px;
border: 0px;
}
#pical_daily table {
width: 100%;
margin: 0px;
border: 0px;
}
#pical_calendar_selectday {
width: 100%;
border: 0px;
text-align: center;
}
Ce code CSS peut être mis en fonction de votre choix :
-> dans le CSS de votre thème
-> dans le CSS présent dans "piCal/images/default/style.css"
Moi j'ai préféré le mettre dans le CSS de mon thème.
Voilà donc pour sa présentation, il ne vous reste plus qu'à prendre la dernière mise à jour de piCal (voir plus haut) et de récupérer mon petit fichier (par mesure de sécurité, j'ai compressé le dossier piCal au complet comme ça rien ne manque ^^).
Euh, il manque encore mon petit fichier : piCal-0_8dim.zip
Pour voir ce que ça peut donner sur un thème tout en div, je vous conseille d'aller faire un petit tour sur le site de test : http://kernchr.free.fr/LiPom/modules/piCal/
Avec firefox, si vous dépassez la résolution 1024x768 là agrandissez et réduisez la fenêtre... le contenu s'adapte êt il est centré ^^.
|
|
