top

Aller au contenu | Aller au menu | Aller à la recherche

 

mardi 11 novembre 2008

Dotclear 2.1 : freshyOne et tabsOne, possibilité d'ajouter un widget hors de la barre de navigation

Depuis Dotclear 2.1, il est possible d'inclure un widget particulier à n'importe quel endroit d'une page d'un blog. Donc, il est maintenant possible d'ajouter un widget au menu de navigation de freshyOne et tabsOne.

Pour ce faire, il faut modifier le fichier _menu.html qui est dans le dossier tpl de chacun des deux thèmes. Il est d'abord nécessaire d'ajouter un lien dans le menu de navigation. Chaque élément du menu est encadré par la balise html li. Il suffit d'ajouter le code suivant à l'endroit où vous voulez positionner ce nouvel élément mais en dehors du premier et dernier élément. Le code est, ici, différent selon les thèmes. L'exemple repose sur le widget Derniers commentaires. Je m'appuie sur le template de localisation multilingue. Il est possible d'écrire directement les termes mais il faudra veiller à utiliser du code html pour les caractères accentués.

Pour freshyOne

<li class="page_item"><a href="#tablastconmments">{{tpl:lang Last comments}}</a></li>

Pour tabsOne

<li><a href="#tablastconmments">{{tpl:lang Last comments}}</a></li>

Après avoir nommé l'élément de menu, voici le code pour afficher le widget. Il n'est pas obligatoire de positionner le code dans le même ordre que pour le menu mais cela est plus pour s'y retrouver. Le code est commun aux deux thèmes.

<div id="tablastcomments" class="fragment">
    <tpl:Widget id="lastcomments">
          <setting name="homeonly">0</setting>
     </tpl:Widget>
</div>

Il est obligatoire de définir au moins un paramètre pour que template widget fonctionne, ici l'affichage pour toutes les pages du blog. Ce paramètre doit rester à 0.

La feuille de style a été modifiée pour que le titre du widget - balise html h2 - ne s'affiche pas. De fait, le paramètre - <setting name="title"> ne s'affichera donc pas s'il est défini. Pour un widget texte contenant une balise html h2, il faudra ajuster la feuille de style en conséquence.

Mise à jour des thèmes pour Dotclear 2.1.1 et le plug-in ContactMe

Pour Dotclear 2.1.1, j'ai mis à jour les styles pour coller avec l'arrivée des sous-catégories. Cela concerne tous les thèmes. Pour les thèmes ayant des fichiers templates .html, j'ai mis à jour category.html ainsi que les diverses modifications apportées depuis DC 2.0.

Pour prendre en compte les plug-in Contact Me, j'ai modifié certaines règles de styles et ajouté un fichier contactme.html si nécessaire.

Blog

123 - 123 Blue - 123 Ice - altowithjquery - bredrerode - Cinema - Chocolate & biscuit - DoTunes - doublOrange - freshyOne - Lueurs - monsterinlove - One - Orangeworld - Pastel - Pastel light - Pastel large - slottbacken - Sober - tabsOne - thamesstreet

mardi 26 août 2008

Mise à jour des thèmes photoblog

o-140x30.png

Je pensais qu'il y avait des problèmes entre mes thèmes photoblog et lightbox. En fait, ce n'était que problèmes de cache... Donc, voici les versions pour Dotclear 2.0 :

greyOne - ornamentals

jeudi 21 août 2008

Version finale de Dotclear 2.0 : mise à jours des thèmes

o-140x30.png

Après plusieurs mois de lourd travail, l'équipe de Dotclear et Olivier Meunier, son géniteur, ont sorti la version finale de dotclear 2.0 après de nombreuses mais toujours fonctionnelles bêtas et autres RC.

J'ai donc mis à jour mes différents thèmes pour qu'ils adoptent les dernières modifications des templates - et elles sont nombreuse ! - entre la RC1 et la version finale. Pour le moment, les mises à jour pour les thèmes pour photoblog sont en attente.

Blog

123 - 123 Blue - 123 Ice - Absolut - altowithjquery - bredrerode - Cinema - Chocolate & biscuit - DoTunes - doublOrange - freshyOne - Lueurs - monsterinlove - One - Orangeworld - Palissade - Pastel - Pastel light - Pastel large - RedSky - slottbacken - Sober - tabsOne - thamesstreet

mardi 1 juillet 2008

Configurer le thème : freshyOne, sober et tabsOne

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 travail de dsls et du portage du thème Freshy 2.

sober

sober.jpg sober2.jpg

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

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

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

mardi 27 mai 2008

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

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.

altowithjquery freshyOne tabsOne.jpg greyOne.jpg ornamentals.jpg

jeudi 1 mai 2008

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

dotclear.png

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.

123.jpg 123blue.jpg 123Ice.jpg Absolut.jpg  brederode.jpg Chocolatandbiscuit.jpg  Cinema.jpg  DoTunes.jpg DoublOrange.jpg  Lueurs.jpg monsterinlove.jpg One.jpg Orangewolrd.jpg Palissade.jpg Pastel.jpg Pastellarge.jpg Pastellight.jpg RedSky.jpg slottsbacken.jpg sober.jpg

 altowithjquery.jpg  freshyOne.jpg  tabsOne.jpg

 greyOne.jpg ornamentals.jpg

mardi 15 avril 2008

Mes thèmes et la future RC de Dotclear 2

Actuellement avec les nigthly builds de DC2, les thèmes utilisant des templates spécifiques ont des problèmes dus au changement de noms des fonctions pour la gestion des rétroliens - modifier le mot trackback par ping - sinon ils sont fonctionnels.

Les modifications pour mettre à niveau mes thèmes sont déjà effectuées. J'attendrai la sortie officielle de Dotclear 2 RC pour les mettre en ligne car :

  • les thèmes ne fonctionnent pas correctement avec la beta 7
  • des améliorations peuvent encore survenir d'ici le 1er mai 2008

jeudi 18 octobre 2007

greyOne, photoblog thème

greyOne.jpg

Après plusieurs tentatives peu heureuses, j'ai fini par mettre en forme le thème photoblog qui me convient. Un cadre arrondi pour visualiser la photo, un style noir/gris aperture ou lightroom like, un peu web 2.0… Le menu est en javascript mais simple. Pas de librairie complémentaire à charger…

… sauf en utilisant dclightbox ou dcthickbox. Petit détail esthétique qui a son importance, le positionnement des images doit être soit aucun soit centré.

greyOne est un thème liquide de 950 px avec une colonne et peut accepter des photos de 800 px.

Support opérationnel à partir de novembre 2007. :roll:

Télécharger le thème.

mardi 11 septembre 2007

Ornamentals thème pour photoblog, partie 2 - intégration des effets jQuery

ornamentals.jpg

Voici, la seconde partie sur la conception du thème pour Photoblog ornamentals.

Ornamentals est un thème fluide, mais avec #content fixé à 700px, et un fond noir. La navigation est habillée avec la librairie jQuery Accordion tandis que la librairie jQuery Imagebox - partie de la suite Interface - s'occupe de l'effet lightbox.

Télécharger le thème.

Mise à jour du 17/09/07 : compatible avec la pre alpha 5 Mise à jour du 17/11/07 : compatible avec Safari 3 Mise à jour du 27/05/08 : suppression de la librairie imagebox, compatible avec le plug-in lightbox

Lire la suite...

- page 1 de 5