Thème llaumgui-ng, Dotclear 2 et jQuery

Je viens de basculer par défaut le thème "llaumgui-ng" et je devrais bientôt retirer le thème "llaumgui" de mon blog. Ce nouveau thème est plus moderne est plus sérieux que le précédent. Il est pour le moment en version bêta et devrait évoluer graphiquement (couleur, header, etc...) et techniquement, me permettant ainsi de transformer LLaumguiDotCom en petit Labo Web 2.0.

Pour agrémenter le design et améliorer l'ergonomie, j'utilise jQuery, la librairie JavaScript proposée en standard dans DotClear 2 :

La liste des tags et le formulaire

L'onglet Tags du menu du haut permet de faire dérouler la liste des tags, il en est de même pour le formulaire permettant de poster un commentaire qui par défaut est caché. Pour cela j'utilise la fonction toggle() de jQuery pour afficher et masquer un élément CSS (.tabstags) qui par défaut est masqué.

[Javascript]
$(document).ready(function() {

	/* Gestion des tags déroulants */
	$("li.tags a").click(function() {
    	    	$("ul.tabstags").toggle("slow");
 	});
});

Les info-bulles

Simple utilisation du plugin ToolTip disponible pour jQuery et activable via la syntaxe :

[Javascript]
$(document).ready(function() {

	/* Plugin ToolTips */
 	$('a, input, img').Tooltip();
});

Quelques idées à venir si elle ne demande pas de modification du kernel de Dotclear :

  • Formulaire Ajax powered pour éviter de recharger la page lorsqu'on demande une prévisualisation, sous condition que ça ne facilite pas le SPAM.
  • Formulaire de recherche à la Google Sugeste.
  • Et bien plus encore ;-).

8 réactions

  • De TitaX De TitaX - 26/02/2007, 10:09 #1

    Vraiment superbe !
    J'adore le nuage de tags !!
    Mais tu ne vas pas un peu en "chier" à chaque maj de dotclear ?

  • De khalid De khalid - 26/02/2007, 11:56 #2

    ça doit faire 4 mois que je suis ton blog et je trouve que ce nouveau look est très réussi..
    Sino juste une remarque, il y a un mot de trop dans "j'utilise j'utilise jQuery" ;-)

  • De fonfec De fonfec - 26/02/2007, 23:15 #3

    Bravo ! sobre, classique, minimaliste, le nouveau look est une reussite !
    Tous ces adjectifs te ressemblent LOL

  • De LLaumgui De LLaumgui - 27/02/2007, 00:08 #4

    @Sophie > Merci, toi aussi tu en aura un beau blog quand tu aura fouetté gilles  :-).

    @Tous > Ptain, je viens de perdre 3 heures à rendre mon thème compatible Internet Explorer et qu'il soit pas trop laid malgré l'utilisation de png 24 transparent... Je me rend compte que la sommes des heures gaspillée à corriger des défaut dus à Microsoft, on aurais pu corriger 1 million de fois ces dit bugs si le code était open... On pourrait aussi les utiliser à de la migration...

    Moralité : auto-censure.

    Moralité 2, pas censurée : Microsoft c'est bien quand on l'éteint, la migration c'est bien mangé en !

    Moralité 3, j'avais dit que je me casserais pas le cul à rendre mon thème IE compatible, je l'ai fait... J'aurai pu faire autre chose à la place !

  • De LLaumgui De LLaumgui - 27/02/2007, 21:43 #5

    Je viens de rajouter des contrôles JS sur le formulaire de commantaire, toujours via jQuery.

  • De bbTGV De bbTGV - 28/02/2007, 15:32 #6

    J'aime bien vachement classe.
    Par contre le jaune très laid quand on écrit est pas terrible.
    Mais tu as fais du bon boulot.

  • De ToF De ToF - 28/02/2007, 22:45 #7

    Y'a rien à redire. Ce nouveau design a tout pour plaire. Il fait davantage Pro. Le précédent avait une touche classique et passée.

  • De Neo De Neo - 02/03/2007, 19:28 #8

    Salut !
    D'accord pour le jaune un peu .. moche ^^ pour la saisi des commentaires sinon j'aime bcp le nouveau design :) Juste dans le bandeau faire ressortir plus le Llaumgui.com on a du mal à le dissocier du fond.
    Bravo en tout cas ! Si je dois refaire le mien je risque de m'en inspirer ;)
    A la prochaine ! :)

Attribution - Partage dans les Mêmes Conditions 4.0 International