pyeb theme 2 dotclear

Ceci est mon premier thème pour photoblog, il utilise le greffon photoblog 0.1 pre-alpha--2--4 de Julien Mudry ou zeiram sur le forum de Dotclear. Pour la présentation de ce greffon, je vous invite à lire le billet de présentation. Petite mise en garde, le greffon est en alpha donc il fonctionne mais il est encore en phase de débugage.

Le thème est, lui aussi, en version beta. Il a été testé sous Firefox 2 (Mac & PC), Safari 2 et 3 (Mac & PC), IE 6 & 7 (après de longues épreuves…) ainsi que sous Opera 9.2 (Mac). En dehors du greffon photoblog, il y a une condition obligatoire pour qu'il soit pleinement fonctionnel : cocher, lors de l'ajout d'une photo, En tant que lien vers l'image originale. Et pourquoi ?

Ornamentals est un thème utilisant la librairie jQuery et les librairies Accordion et imagebox en version modifiée. Pour mettre en valeur les photos, la barre latérale ne montre qu'une division à la fois en accordéeon. Imagebox est la version la plus proche de lightbox en jQuery, il suffit de cliquer sur la photo. D'où la présence d'un lien sur la photo.

Il est possible de mettre du texte dans un billet en plus de la photo. Par contre, il faudra séparer la photo du texte soit par 2 retours à la ligne ou l'utilisation du retour chariot dans la barre d'outil de l'édition de billet sinon cela perd de son charme…

L'explication de texte et débugage pour plus tard. Après quelques retours et autres demandes. Cliquez sur la photo pour accéder au photoblog de test.

màj 05/08/07 : J'ai adapté le thème à la dernière version du greffon et de ses nouveaux templates. La barre de navigation utilise l'effet N&B/couleur, les flux RSS sont envoyés dans le footer et J'ai corrigé quelques bugs.

Télécharger le thème.

La mise en œuvre d’un menu de navigation par onglet demande de modifier les fichiers de structure de Dotclear 2, cela va permettre un peu de créativité et donc de chambouler la structure classique d’un blog DC2.

Le script jQuery utilisé est Tabs. Deux exemples, tout d’abord celui de l’auteur, exemple des différents possibilités et effets de transition, et, ensuite, celui de Pep tant qu’il ne change pas de thème.

La première partie portera sur la construction et l’intégration d’un menu de navigation par onglet s’insérant dans la structure de Dotclear 2. La deuxième partie s’intéressera à l’imbrication des effets affichage/masquage dans un menu de navigation existant – celui intégré dans le somptueux thème Freshy -, à l’utilisation des templates de Dotclear 2 et à la bataille de la comptabilité avec les principaux navigateurs internet.

Télécharger le thème freshyOne.

Dans ma collection 3 colonnes, voilà 123 Ice. C'est une adaptation monochromatique de 123 Blue. J'essayais de placer la photo du top - plateau de Retord - et j'ai trouvé qu'elle allait bien.

Ce thème hivernal est un thème liquide 3 colonnes qui permet de mettre des photos de 500px. Pour gagner de la place et éviter les problèmes de correspondances de couleur, j'ai coupé le top en deux images. Dans #top, il y a l'habillage et dans #top h1, il y a la photographie proprement dite. De fait, cela permet de personnaliser plus facilement le top.

Télécharger le thème.

Pour mes besoins personnels, j'ai eu besoin de créer une version Pastel light avec la possibilité d'avoir des photos de 700px de large. J'aime bien voir mes photos en version large…

Télécharger le fichier.

Pour d'autres besoins, j'ai créé une version orange de Pastel large. Je suis assez mono-maniaque et je pense qu'il sera mon thème par défaut quand je passerais mon blog sous DC2. Cela sera le cas dés que dsls aura finalisé le plug-in Galery pour DC2.

Télécharger le fichier.

J'ai remarqué des problèmes d'italique avec le thème ! Lors de test, je n'avais rien vu et m'amusant avec Orangeworld sous IE 6, l'horreur apparu. Après, j'ai vu la catastrophe dans les commentaires chez [SIMON], c'était pire…

Il suffit de mettre rajouter overflow: visible à #main et #content. Les thèmes Pastel et Pastellight sont à jour. Vivement qu'IE 7 envahisse la planète…

Lueurs est un thème liquide en 2 colonnes pour une résolution minimale de 1024x768. Le haut de page est inséré dans la même div que le contenu et la barre de navigation, celle-ci remonte donc jusqu'en haut de la page. Le haut de page est aussi cliquable. Le titre du blog est reporté dans la barre de navigation. Les en-têtes et les pieds de page des billets et autres fioritures sont différents selon le changement pair/impair ou le contexte.

Mise-à-jour (18 août 2006) :

Corrections d'un problème avec la fermeture des commentaires et quelques améliorations dans la feuille de style.

Télécharger le thème.

Màj 2 : les pièces jointes s'affichent correctement.