pyeb theme 2 dotclear

… sur un air de Led Zep.

Comme le W3C a décidé de modifier son validateur, il fallait mettre à jour tous les templates .html. J'ai donc profité de cette amusement pour ajouter le bouton Envoyer pour les thèmes qui n'est profitaient pas. Tous les thèmes ont été mis à jour.

Moins trivial - enfin presque -, j'ai fait des modifications sur certains thèmes pour qu'ils utilisent les fichiers templates par défaut :

• Pastel like et Orangeworld
• DoTunes

Plus pervers, les images du thème Lueurs n'avaient pas un fond vraiment noir. J'ai repassé les images à la moulinette et fait quelques ajustements pour préserver les lueurs…

Bientôt quelques amusements en jQuery…

Suite aux problèmes d'incompatibilité entre jQuery et dclightbox ainsi que le conflit entre les librairies tabs et imagebox, j'ai fait quelques essais infructueux. La mise en comptabilité entre deux librairies javascript demandent la réécriture de chaque librairie jQuery à chaque mise à jour. Donc, le plus simple est d'utiliser une alternative jQuery à dclightbox mais thickbox réduit les images à la taille de l'écran. La solution pour arrêter l'interpolation est donnée sur le forum de thickbox.

Sinon la dernière mise à jour de tabs ne fonctionne pas avec mes thèmes au moins sous IE 7. Donc, il faut que je plonge dans le code et teste sous IE 6 & 7. Donc, je me pencherai sur le problème quand j'aurai de longues heures devant moi et en utilisant la virtualisation…

Et j'ai fini par trouver un bug au niveau du prélude - Allez à… -, la redirection ne fonctionnait pas depuis que j'avais mis à niveau les deux thèmes freshyOne et tabsOne. C'est déjà ça de gagner.

J'ai trouvé une librairie qui fonctionne avec les principaux navigateurs ! C'est curvyCorners for jQuery. Les problèmes avec Safari sont résolus. Le bug avec post-tags sous Opera reste comme avec les autres librairies, cela me laisse perplexe…

En nouveauté, la prévisualisation des commentaires est correcte et la liste des pages connexes s'entoure d'un joli bleu. Sinon, toujours la même punition, je ne sais pas ce que cela donne avec une vidéo flash sous IE 7. A priori, cela devrait fonctionner.

Télécharger alto with jQuery 1.1.

J'ai fini par utiliser la librairie Rounded Corner pour le thème altowithjquery. Safari a toujours de légers problèmes mais tant qu'on n'utilise pas la dernière version de jquery, c'est vivable…

La principale raison du changement est une plus grande variété d'options. Ainsi, les commentaires sont tout de rose vêtue comme pour la version initiale. Et la taille de l'arrondi est de 10 pixels. Le fichier _head.html ne comprend plus les éléments arrondis pour le mode post, ils ont été introduits uniquement sur le fichier post.html.

Au niveau des css, plusieurs modifications. Tout d'abord, la liste des galeries du plug-in Galery à une jolie couleur jaune. Ensuite, plus important, il est nécessaire d'ajouter un fond blanc sur la balise englobant l'élément avec des coins arrondis. Par exemple, la règle background: #fff; doit être ajoutée à la division #content englobant la division avec une classe .post (la division d'un billet). La règle css se trouve à la ligne 233 ou se situe dans /*Couleurs après la définition de couleurs des éléments avec des coins arrondis. Si vous ajoutez des éléments avec des coins arrondis à la liste, n'oubliez pas d'ajouter les balises englobantes. Sinon, certains de vos visiteurs risquent d'avoir de mauvaises surprises…

Des problèmes avec le plug-in flash étaient survenus sous IE 7 avec la précédente librairie, les vidéos de youtube ne fonctionnaient pas. N'ayant pas ça à la maison ni au boulot. oO) Si une bonne âme pouvait tester - avec la version de jquery de DC et si problème, avec la dernière version 1.1.2 -, cela m'arrangerait…

Télécharger la version modifiée.

NB : sur le billet Deuxième pas avec jquery, la version d'altowithjquery n'a pas été modifiée. Par contre, lors de la visualisation du thème, c'est la version modifiée qui s'affiche.

Je ne suis pas très fan des icônes précédents les tags ou les informations sur les commentaires. D'ailleurs, il n'y a que pour le thème RedSky.

Mais suite à une demande de folken - mal comprise au départ d'ailleurs -, j'ai fait le nécessaire pour le thème Chocolate & biscuit. Il suffit de télécharger ce fichier et faire les modifications qui sont dans le fichier Lisezmoi.txt.

Pour modifier le placement des tags, il faut toucher aux fichiers home.html, tag.html, category.html et search.html. Il n'existe pas dans le thème Chocolate & biscuit, il utilise ceux présents dans le thème default. Soit, il faut modifier directement ceux présents dans default et les modifications se répercuteront sur d'autres thèmes, soit il faut les copier dans le thème Chocolate & biscuit et les modifier uniquement pour celui-ci.

Il suffit de déplacer

<tpl:EntryMetaData>
<tpl:MetaDataHeader><ul class="post-tags"></tpl:MetaDataHeader>
<li><a href="{{tpl:MetaURL}}">{{tpl:MetaID}}</a></li>
<tpl:MetaDataFooter></ul></tpl:MetaDataFooter>
</tpl:EntryMetaData>

Soit avant Number of comments, trackbacks and attachments ou après la fermeture du paragraphe contenant les informations de commentaires soit la première balise </p> selon les envies.

Pour les thèmes pastel like et 123 Blue, on peut utiliser les icônes - attach.png, commentaire.png, retrolien.png et tag.png - présents dans le dossier img du thème default - en les copiant dans le dossier img du thème concerné - et reprendre les modifications incluses dans le fichier style.css de Chocolate & biscuit.