pyeb theme 2 dotclear - Mise à jour

Configurer le thème : freshyOne, sober et tabsOne

pyeb — Tue, 01 Jul 2008 21:30:00 +0200

Depuis la RC1 de dotclear 2, il est possible de définir des préférences pour des thèmes. J'ai utilisé cette possibilité pour trois thèmes freshyOne, sober et tabsOne. Pour configurer les thèmes, je suis parti du traval de dsls et du portage du thème Freshy 2.

sober

Ce thème a été créé dans l'optique d'avoir plusieurs variations chromatiques : blanc/rouge, blanc/bleu/orange, noir, orange, olive et ciel. Il fallait modifier à la main le fichier style.css pour choisir la couleur ou prendre un thème particulier. Maintenant, il suffit de choisir sa variation.

freshyOne

Ce portage de thème Wordpress contient à l'origine la possibilité de choisir l'image d'en-tête ainsi que la couleur de fond lors du choix d'un élément. Ces deux paramètres sont accessible à partir de l'administration de DC2.

tabsOne

Ce thème contenait deux fichiers de style - bleu et magenta -, il suffit de choisir maintenant classique, bleu ou magenta.

Retour d'un _head.html pour les thèmes altowithjQuery, freshyOne, tabsOne, greyOne et ornamentals

pyeb — Tue, 27 May 2008 21:43:00 +0200

Suite au problème dû à l'utilisation d'un user_head.html, tous les thèmes l'utilisant ont à nouveau un _head.html. Par la même, le plug-in lightbox utilisant jQuery, les appels jQuery n'utilisent plus jQuery.noconflict - le code javascript Lightbox original repose une autre libraire javascript - et ne génère plus de conflit avec lightbox. Comme quoi…

Pour ornamentals, j'ai abandonné la librairie imagebox. C'est un peu contraire à la démarche initiale du thème mais la maintenance est plus simple et le code plus léger.

Arrivée de Dotclear 2 RC1, mise à jour des thèmes

pyeb — Thu, 01 May 2008 20:46:00 +0200

Dotclear vient - enfin ! - de passer en Release Candidate. Avec cette version, les fonctionnalités sont gelées jusqu'à l'éradication des derniers bugs avant l'arrivée de la première version de DC2. Les nouveautés ont été apportées jusqu'aux dernières heures avant la sortie officielle. DC2 RC1 est même arrivée dés les premières secondes de ce premier mai 2008. Chapeau à toute l'équipe !

Pour les thèmes, la modularité de DC2 a été augmentée et l'organisation est plus cadrée. Les plug-ins pourront maintenant fonctionner sans modification de fichiers. Les fichiers templates html sont maintenant rangés dans un dossier tpl. Sinon, il n'y a pas de changement profond dans les styles.

Mes thèmes sont déjà fonctionnels pour les plug-ins Pages - inclus dans DC2 - et dayMode - créé par Pep.

Mises à jour mineures et majeures…

pyeb — Sun, 29 Jul 2007 21:27:00 +0200

… 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…

Les thèmes jQuery et dclightbox compatibles

pyeb — Thu, 26 Jul 2007 21:36:00 +0200

Grâce aux commentaires laissés par Gérald, il n'y a plus de conflit entre jQuery et dclightbox. Il suffisait d'utiliser les bons termes pour empêcher les conflits entre les librairies jQuery et prototype…

Dans le fichier _head.html de freshyOne, il faut remplacer les lignes du script par :

jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('#frame').tabs({fxSlide: true});
jQuery('a.presearch').click( function() {
jQuery('.menu li').removeClass('tabs-selected');
jQuery('div.fragment').hide();
jQuery('li.first_menu').addClass('tabs-selected');
jQuery('#tabsearch').show();
}); });

Par ailleurs, la version de altowithjquery est la version 1.1 sur le post initial.

Du conflit entre jQuery et dclightbox à la correction d'un bug pour freshyOne et tabsOne

pyeb — Mon, 16 Jul 2007 20:20:00 +0200

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.

Thèmes et Dotclear 2 beta 7

pyeb — Sat, 14 Jul 2007 15:11:00 +0200

La migration de mon blog sous DC2 b7, c'est déroulée sans anicroche. J'ai fait une vérification sous Safari et sous firefox, pour les thèmes en jQuery, et il ne semble pas qu'il est de problème.

Le retour de la revanche, une nouvelle librairie pour alto with jQuery

pyeb — Mon, 07 May 2007 21:15:00 +0200

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.

Ajout de l'onglet Liens pour les thèmes freshyOne et tabsOne

pyeb — Thu, 22 Mar 2007 22:19:00 +0100

Après m'être amusé avec le plug-in blogrollpage de SiMON, taho m'a donné un moyen simple pour afficher les liens gérés par DC2.

tpl:Blogroll

C'est simple dotclear ! Je vous mets les liens freshyOne et tabsOne.

Modification de la librairie pour le thème altowithjquery, petit test de comptabilité.

pyeb — Tue, 06 Mar 2007 21:42:00 +0100

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.