Un des aspects que j'aime particulièrement sur le thème que j'utilise est la manière d'afficher les dates des billets devant leurs titre :
Pour obtenir cet affichage, il faut :
- Dans la feuille de style associée au thème, ajouter :
.post .post_cal { border: 1px solid #A6A6A6; text-align: center; width: 50px; float: left; margin: 0 10px 5px 0; } .post_cal .dayname { background-color: #AA3511; border-bottom: 1px solid #A6A6A6; color: #FFFFFF; font-size: smaller; font-weight: bolder; width: 100%; } .post_cal .daynum { border-bottom: 1px solid #A6A6A6; font-size: xx-large; font-weight: bold; width: 100%; } .post_cal .month { font-size: smaller; width: 100%; }
- puis dans les fichiers list.php et post.php du thème[1] :
<div class="post_cal"> <?php $postraw = dt::str('%a, %d, %b, %y', strtotime($GLOBALS['news']->f('post_dt'))); if ($postraw != '') { $postdate = explode(', ', $postraw); } ?> <div class="dayname"> <?php echo $postdate[0]; ?></div> <div class="daynum"> <?php echo $postdate[1]; ?></div> <div class="month"> <?php echo $postdate[2]; ?> ' <?php echo $postdate[3]; ?></div> </div>
Voilà !
P-S : Une petite précision, j'utilise le jeu de police suivant dans la feuille de style :
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
Notes
[1] Faire une copie de tous les fichiers php du thème par défaut si le thème actuel n'en possède pas.
1 De Lo -
C'est la première fois que je viens sur votre blog via celui de Kozlika et grâce à cette très jolie photo de chou fleur. Ce blog est très sympa, tant par le contenu que la mise en forme. Hop, je l'ajoute à mes fils!
2 De Franck -
Merci Lo, j'adore les compliments ! Ca flatte mon égo qui n'est pourtant pas si gros que ça ... quoique ...
3 De obni -
Très grand merci pour le code… j'essayes cela dès que j'ai un petit moment.
4 De osku -
Merci merci merci Franck. J'attendais ce billet avec impatience. Ce site est magnifique aussi bien dans le fond que dans la forme.
5 De Franck -
Zizir :-)
6 De Du libre et du sport -
Format des dates à la sauce iCal
C'est donc un format ouvert utilisé par le logiciel Mac du même nom : iCal Voici les dernières nouveautés disponibles avec le dernier Tigre: Evénements automatiques : Faites glisser des fiches du Carnet d'adresses vers iCal pour...
7 De Osku -
Pfff, j'avais raté le ping hier. C'est chose réparée. Je me sens mieux :)
8 De coxine -
Bravo ! J'atteris ici par hasard ;-) thank's Google, et je suis scotchée par le design de ce Blog !!! BRavo, je vais en apprendre bcp par ici ;-)
9 De Franck -
Merci coxine pour le compliment, c'est un design que j'ai repris d'un thème Wordpress comme je l'explique dans ce billet.
10 De LinkinDark's Blog -
Format des dates style iCal.
J'ai trouvé les formats de dates (façon iCal) sur le blog de Franck Paul très sympathique, c'est pourquoi j'ai décidé de faire de même. :)
11 De Mdkart -
Très bon tutoriel mais un petit problème : quand on joue sur la taille des lettres avec la roulette de la souris, les chiffres débordent. Une idée?
12 De Franck -
Oui c'est parce que la largeur est limitée à 50 pixels (voir le premier style), il faut éventuellement l'agrandir ou ???
13 De yerbamate -
bonjour, j'ai installé date des billets façon iCal, jaimerai oter les infos dates heures qui existés auparavent et qui font doublons j'ai oté dans post.php et list.php ces 2 lignes <?php dcDayDate('<p class="day-date">%s</p>'); ?> <?php dcPostDate(); ?> à <?php dcPostTime(); ?> rien n'y fait...dois-je les remettre? et quelle solution adopter merci d'avance et bravo pour ton blog
14 De Franck -
Peut-être qu'un vidage de cache résoudrait les choses, sinon une URL pour aller jeter un œil serait utile !
15 De yerbamate -
bonjour,vidé mon cache....cela n'y fait rien, sinon est-il possible aussi de ne pas afficher son pseudo sur les billets...merci
16 De Franck -
Pour les pseudos c'est facile, j'avais écrit un petit tuto il y a longtemps pour ça. C'est par ici (voir )
17 De Franck -
Sinon ce que tu as enlevé pour les dates et heures me parait correct mais tu les as enlevés comment ?
18 De yerbamaté -
je me suis contenté de les effacer dans les fichiers respectifs je comprends pas bien ta question
19 De Franck -
Je posais la question parce que je ne vois pas comment ils peuvent apparaître sur la page alors qu'ils ont été supprimés des fichiers post.php et list.php !
Envoies-les moi à l'adresse franck.paul a free.fr, je jetterai un œil.
20 De yerbamate -
fichiers envoyés
21 De yerbamate -
alors un fichier mal replacé correctement m'a enlevé les dates comme souhaité sur les billets de la categorie par-contre les dates persistent sur les billets pages commentaire
22 De yerbamaté -
bon j'ai reussi a enlever les dates mais je ne sais pas comment j'ai fait ....malheureusement j'ai oté l'heure de la creation du billet ce que je ne souhaite pas merci de me donner le code de l'heure si possible
23 De yerbamaté -
<?php dcPostTime(); ?> j'ai recollé ce code sur les 2 fichiers au bon endroit et cela marche bien merci pour tout
24 De Franck -
Cool :-)
25 De yerbamaté -
j'espere ne pas abuser...j'ai un prob avec le plugin citation (voir sur le site) cela fonctionne sous IE pas sous FFOx le code .. <div id="extrabox"> <?php dcKozliBloc(); ?> <h2>Citations</h2> <?php dcCitation::afficher()?> code .css .blockquote.citation-auto { margin:0; padding: 0; background:#f6f6f6;} je suis en contact avec Zoe (theme 3cols-fixes )mais si tu as une idée merci
26 De Franck -
Côté CSS, il vaut mieux que tu continues avec Zoé ou alors Kozlika, elles sont bien mieux à même de répondre que moi ;-)
27 De yerbamaté -
merci bonne soirée j'ai posté sur le forum
28 De TiBen -
Hello, bon je n'ai pas réussi à faire comme l'indique le tuto, mais par contre, j'ai fais de belles dates en m'insiprant de celle actuelles. J'espère que tu ne crieras pas au plagiat ;) même si tu n'es pas l'auteur du thème :D merci malgré tout pour toutes ces info.
29 De Le journal d'Elderlore -
Ajout des dates façon iCal dans le blog
Franck Paul a fourni sur son blog un billet expliquant comment ajouter de jolies dates dans l'entête des billets Dotclear. Les couleurs se marient plutôt bien avec celles du thême que j'utilise actuellement, donc pas besoin de les changer....
30 De L -
Hello, merci pour le code, mais j'ai un petit problème, les dates apparaissent à gauche et non à droite comme je le voudrais, et je ne vois pas ce que je dois modifier. Merci
31 De L -
Bon en fait désolé, j'ai compris l'énormité de ma question, c'est réparé. Mais par contre j'ai un problème avec l'affichage de la date, cela fait passer à la ligne le nom de l'auteur et le nombre de commentaires et crée donc un grand espace entre le titre et l'auteur. Une idée ?
32 De Kozlika -
Et tu as posé la question sur le forum et y a trouvé réponse. Franck, c'est repos ce soir ;)
33 De Franck -
Merci ;-)
34 De L -
Oui, oups pardon de ne pas l'avoir précisé ici. merci Kozlika
35 De Laurent -
Bonjour, je cherchais justement une autre façon d'afficher la date de mes billets, mais je ne sais s'il est possible d'utiliser ce code sur mon blog! Une idée,un conseil ?
36 De Franck -
Bonsoir Laurent. Dans la mesure où il ne s'agit essentiellement que de styles particuliers, il n'y a pas de raison qu'on ne pas puisse le faire ailleurs.