Le blog de Guillaume Bizet

Le blog de Guillaume BIZET : Blogging, iPhone, Webdesign, XHTML, CSS, Web2.0, Dotclear et Dotclear2, ...

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

Thème Tendancy2.0 pour dotclear 2

Voilà je vous présente le deuxième thème que j'ai réalisé pour dotclear 2 en version beta. Poiur rester dans le thème web 2.0,je l'ai nommé Tendency2.0

Screenshot du thème Tendancy

Cliquez sur l'image pour la voir en grand

Présentation générale

Je suis repassé sur un thème de largeur fixe et centré, toujours dans le style "web 2.0" que j'aime bien. Ce thème est beaucoup plus poussé au niveau personnalisation

Pour ce deuxième thème

  • Je suis repassé sur un thème de largeur fixe et centré
  • le changement majeur se situe principalement sur la disposition des information. Le thème comporte 2 colonnes avec la sidebar sur la droite mais j'y ai ajouté une sidebar horizontale juste avant le footer
  • j'ai conservé le style "web 2.0" que j'aime bien tout en le rendant un peu plus soft
  • Le design est plus soft, les couleurs claires font leur retour, cela confère plus de sobriété

Détail du thème

Pour ce thème je me propose de faire un petit zoom sur certaines parties.

Le header

Thème Tendancy : header

Cliquez sur l'image pour la voir en grand

Il a été complètement retravaillé, j'y ai intégré la présentation qui était dans une des sidebar sur le thème simpliweb2, ainsi que la photo de ma tête. Le titre du blog est comme auparavant une image cliquable

La sidebar horizontale

Thème Tendancy : sidebar horizontale

Cliquez sur l'image pour la voir en grand

C'est une des nouveautés de ce thème. Vous y trouverez les 10 derniers commentaires, les 10 billets les plus lus et les images provenant de mon flickr

La partie "Recherche" dans la sidebar de droite

Thème Tendancy : rechercher

Cliquez sur l'image pour la voir en grand

Cette fois ci elle est complètement stylisée par des images, sauf sous Internet Explorer par ce que IE fait ch***. Je ne saurais que trop vous conseiller de naviguer sur internet avec un navigateur respectueux des standards tel que Firefox

La partie abonnement aux flux dans la sidebar de droite

Thème Tendancy : fluxs RSS

Cliquez sur l'image pour la voir en grand

Elle comporte en 2 parties :

  • la première indiquant de manière enfin jolie le nombre d'abonnés au flux rss du blog. Pour arriver à ce résultat j'ai codé un widget avec l'aide de TomTom. C'est mon premier widget !!! Je vous le partage d'ici peux il faut que j'améliore 2 ou 3 choses.
  • la deuxième avec 4 boutons qui je pense sont assez explicite. Les articles par mail est là encore une des nouveautés intégrée dans ce thème. Le service est géré par feedburner

Mes twitts

Thème Tendancy : twitts

Cliquez sur l'image pour la voir en grand

Cette partie fonctionne avec le plugin jquery newsticker qui permets d'afficher mes 10 derniers twitts avec un effet de fade in - fade out ! J'ai rajouté en dessous l'image de twitter avec le lien vers mon profil

Les annexes attachées au billet

Thème Tendancy : les annexes

Cliquez sur l'image pour la voir en grand

C'est une petite fierté. J'ai trouvé le moyen d'afficher pour chaque fichier attaché une icône présentant le type de document : pdf, image, fichier compressé, document word, excel, etc ... Je vous en détaillerais la technique ces prochains jours

Les informations concernant le billet

Thème Tendancy : informations sur le post

Cliquez sur l'image pour la voir en grand

Toutes les informations concernant le billet y sont regroupées :

  • La catégorie de ce billet
  • Les tags associés au billet
  • La licence creative common attachée au billet
  • l'URL du lien permanent vers le billet
  • Le lien pour faire un trackback sur le billet
  • Le lien pour suivre par flux RSS les commentaires de ce billet
  • Les liens pour promouvoir le billet via les réseaux sociaux ou le bookmarker

Le formulaire de commentaires

Thème Tendancy : ajouter un commentaire

Cliquez sur l'image pour la voir en grand

J'ai intégré comme à mon habitude la sidebar qui permet de rédiger le commentaire au format wiki.
De petites icones font leur apparition dans les champs de saisie; Enfin un nouveau pack de smileys sera prochainement à l'oeuvre sur ce blog car je le trouve beaucoup plus sympathique que celui de base

Informations complémentaires

Pour l'instant ce thème ne sera pas distribué car comme à mon habitude il faudra attendre que je sorte un nouveau thème pour que celui-ci soit distribué. Par contre mon ancien thème nommé Simpliweb2 va être prochainement distribué. Je vous tiendrais au courant de sa mise à disposition.

Il y a une page spécifique pour les thèmes que j'ai réalisés et des billets correspondants ont été créés spécialement dans la catégorie dédiée "Mes thème Dotclear" pour discuter des anciens thèmes de ce blog.
Vous retrouverez sur ces billets les liens pour les installations automatique des thèmes ainsi que les éventuels plugins dont vous aurez besoin avant de pouvoir les faire marcher ...

J'espère que ce nouveau thème vous plait. En tout cas, n'hésitez pas à me laisser des commentaires, des critiques ou bien encore des suggestions d'améliorations ...

Guillaume BIZET

Auteur: Guillaume BIZET

Restez au courant de l'actualité et abonnez-vous au Flux RSS du blog ou du Flux RSS de cette catégorie

spawnrider spawnrider ·  16 octobre 2007, 01:12

Je ne peux dire qu'une chose ! J'aime ! ça change pas mal de l'ancien mais c'est classe :)
Tu pars d'un thème à 3 colonnes pour un 2 colonnes ? Pour quelles raisons ? ça m'interesse...

Bast Bast ·  16 octobre 2007, 01:28

Hello,

Tout d'abord, bravo pour le retour aux deux colonnes, c'est beaucoup mieux ainsi.

Je survole juste ce nouveau thème, et je constate un léger flou sur le titre qui n'est pas très agréable.

Sinon ça manque de contraste entre le blanc des articles et le gris du fond. De même pour l'écriture blanc sur le bleu clair en haut. Ceci est opposé au très fort contraste blanc/noir qui fait un peu violent dans ce peu de contraste.

C'est d'autant plus que partout ailleurs les couleurs sont très harmonieuses.

Cordialement.

JFMichaud JFMichaud ·  16 octobre 2007, 02:39

Sur ce même billet, en raison du mouvement de ta fenêtre mes twitts, il se répercute un mouvement dans ta sidebar du bas...T'es tu basé sur ce que j'avais fait sur mon blog pour les photos flickr?

Ça roule bien pour le reste pour le moment.

Sanji Sanji ·  16 octobre 2007, 05:10

Je préfère celui-là au précédent. Plus clair. Passe nickel avec Safari 3 beta sur Mac.
En revanche les gravatars ne veulent pas., mais ça ne semble pas être un problème de thème...
Ha ! Si ! Les 2 boutons "Prévisualiser" et "Envoyer" qui sont collés l'un à l'autre pour moi :-( Mériteraient d'être un peu espacés.

Tomtom Tomtom ·  16 octobre 2007, 06:41

Ah ben voilà, tu l'a terminé :)

Très sympa

Nico Nico ·  16 octobre 2007, 07:11

Du bon boulot, bravo! ca m'aurait presque donné envie de revenir sous dotclear ;)

frenchbigdog frenchbigdog ·  16 octobre 2007, 08:05

Sympa, mais il va falloir s'y faire !!

Bastien Bastien ·  16 octobre 2007, 08:47

Wahou!!!
Franchement j'adore. L'inspiration des commentaires c'est tiré du blog simple entrepreneur? :)
Félicitations en tout cas Guillaume!

Arkan Arkan ·  16 octobre 2007, 09:43

Très joli thème Guillaume ;)

J'aime bien le footer et le header perso. Je trouve juste que ton bloc général devrait avoir un petit effet d'ombrage pour mieux faire ressortir la partie blanche de la grise. Mais très réussit en tous cas, bravo :)

hapax hapax ·  16 octobre 2007, 10:07

J'aime beaucoup l'organisation de se nouveau thème.
Ce n'est jamais évident de parler de graphisme (c'est subjectif) mais en termes d'organisation c'est clair, lisible et bien hiérarchisé.

Bravo.

jange jange ·  16 octobre 2007, 10:14

chapeau tres joli theme encore !!

weetabix weetabix ·  16 octobre 2007, 11:24

Mettre les com tout en bas est bizarre car généralement un commentaire peut faire réagir donc il faut les rendre visible...

au moins on sait si quelqu'un a continué la discussion en venant voir les nouveaux billets...

grumpf grumpf ·  16 octobre 2007, 12:09

tres sobre tres bien

mika mika ·  16 octobre 2007, 14:28

bonjour.
je trouve votre Thème Tendancy2.0 pour dotclear 2 vraiement tres beau.
je voulais l'essayer, mais le lien vers l'archive ne marche pas. :-)

Guillaume Guillaume ·  16 octobre 2007, 14:31

@tous, merci pour vos remarques et vous suggestions
@mika : le thème n'est pas téléchargeable pour le moment. Comme indiqué dans le post, il le sera une fois qu'un autre thème sera en place ici

Romain Romain ·  16 octobre 2007, 18:06

Congrats, il est super chouette ce nouveau thème !
Je l'aurais peut-être fait un petit peu plus large, mais ça reste mon opinion personnelle ! ;)

Super Chinois Super Chinois ·  16 octobre 2007, 18:19

On voit qu'il a été bien travaillé. Nice :)

j'attends les détails du widgets ^^

Super Chinois Super Chinois ·  16 octobre 2007, 18:33

Ah si, juste une remarque concernant le pavé avatar : l'ombre portée mérite un petit coup d'alpha supplémentaire :)

Osku Osku ·  17 octobre 2007, 12:08

Hello Guillaume :)
Il y a beaucoup à dire !
Je vais faire classique :
Ce que j'aime moins:

  • L'ombre portée haute gauche dans le top dans la présentation est pour moi trop accentuée.
  • Trop de couleurs tuent les couleurs 8-| : Gris, noir, bleu, vert, jaune, orange
  • Les pubs adsense peuvent être lifées aux couleurs du blog ? le bleu windows des liens des pubs : pfouah ! :-/
  • Une petite option pour se retrouver dans la sidebar horizontale serait la bienvenue : bénie soit la molette.
  • le :hover sur les images flickr ne serait pas mieux en blanc ?
  • Les billets précédents et suivants et de la même catégorie sont bien cachés..
  • Ah tiens la prévisualisation n'est pas stylée !

Ce que j'aime bien :

  • On retrouve la guibizet'touch : couleurs, choix des polices, petits détails ;)
  • Très tendance ton thème.
  • La sidebar horizontale est très réussie.
  • le footer aussi.
  • les smileys.

D'autres remarques suivront quand je le regarderai sous Opera et Firefox Linux. Je ne ferais pas le test sur netscape 9 :-p

A bientôt !

osku osku ·  17 octobre 2007, 17:35

Je vois quelques modifs... 8-)
C'est déjà mieux pour :

  • la pub
  • la css des commentaires (notamment les listes)
  • La navigation par billet.

Quel talent 8-D

Guillaume Guillaume ·  18 octobre 2007, 00:48

@tous, je vous remercie pour vos commentaires. Vous avez déjà pu remarquer comme Osku que j'ai déjà un peu modifier le thème pour régler les petites choses qui vous dérangeaient.

Voici ce que j'ai fait :

  • stylisé la pub adsense
  • revue la css des commentaires pour les listes
  • mis en valeur la navigation entre les billets présente en haut de chaque post
  • inséré une petite barre de navigation tout en haut du blog qui permet d'accéder d'un clic au contenu, aux derniers commentaires et à la zone de recherche

Je vais bien sur continuer à améliorer cela donc n'hésitez pas à me dire ce qui ne vas pas :)

i_love_dc i_love_dc ·  14 novembre 2007, 17:42

J'adore tout simplement ...génial

par contre pour les deux derniers thèmes impossible de télécharger
l'installateur ou l'archive... :( ;-(

oumar oumar ·  20 septembre 2008, 11:38

c est nule

aucune annexe



À Voir Également

Thème ColorSide pour Dotclear2

Theme ColorSide pour Dotclear2

Les billets ont été peu nombreux ces derniers mois sur le blog mais maintenant que j’ai un peu plus ...

Lire la suite

dc2iPhone accueil

Thème iPhone pour Dotclear2 : dc2iPhone

Comme je l’avais dit il y a un moment maintenant, j’ai réalisé un thème générique spécial pour ...

Lire la suite