Le blog de Guillaume Bizet - Mes thèmes pour Dotclear

Theme ColorSide pour Dotclear2

Guillaume BIZET — Tue, 05 May 2009 22:36:00 +0200

Les billets ont été peu nombreux ces derniers mois sur le blog mais maintenant que j’ai un peu plus de temps je me suis attaché à créé un nouveau thème pour redémarrer en beauté.
Je vous présente donc ColorSide, mon 5ème thème pour Dotclear 2

Pour ce cinquième thème

J’ai comme sur l’ancien thème privilégié un thème de largeur fixe et centré car c’est toujours à mon sens le meilleur format
j’ai encore conservé une tendance au style “web 2.0”
Le design est pour une fois sur un background plutôt sombre, même si le contenu reste sur fond blanc (c’est toujours plus facile pour insérer des images) et que le header est pour le coup très coloré

Quelques changements majeurs ont été apporté par rapport à l’ancien thèeme :

exit les tabs qui étaient long à charger et qui empechaient le lecteur lisant le blog à partir d’une connection lente d’accéder facilement aux articles sur la home et en détail.
Le contenu des anciens tabs a été regroupé grâce à jQuery dans un panneau qui “slide”
- Derniers billets
- Derniers commentaires
- Billets à retenir
Pour”rester dans le coup”, un slider avec le dernier billet de chaque catégories a pris place juste en dessous du header, ainsi vous pouvez naviguer parmi les résumé de chaque dernier billet de chaque catégorie du blog
J’ai complètement revu et allégé la sidebar qui fourmillait de différents scripts , ce qui avait pour conséquence de ralentir le chargement du blog

Voici donc la brève présentation de votre nouvel espace de lecture. En tous cas j’espère qu’il vous plait.
J’ai encore quelques finitions à faire, je les ferais en live donc ne vous inquiétez pas. Si vous voyez des bugs utilisez le formulaire de contact pour m’en avertir. Merci d’avance !

N’hésitez pas à me laisser des commentaires, des critiques ou bien encore des suggestions d’améliorations …

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é.

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 …

Thème iPhone pour Dotclear2 : dc2iPhone

Guillaume BIZET — Thu, 02 Apr 2009 09:13:00 +0200

Comme je l’avais dit il y a un moment maintenant, j’ai réalisé un thème générique spécial pour l’iPhone mais qui fonctionne aussi sur tous les mobiles, il ne faut pas être sectaire non plus

Description et screenshots

Vous y trouverez une barre de navigation qui sera présente sur toutes les pages et qui vous permettra d’accéder à tout moment à :

la home
la liste des catégories
la liste des tags
la recherche

Cette version iPhone reprends toutes les fonctionnalités d’un blog fonctionnant sous Dotclear 2 :

une home
tous les posts
en mode post quand vous cliquez sur la catégorie, vous accédez à la liste de tous les billets de cette catégorie
idem pour les tags
Vous pouvez bien sur poster des commentaires
mais aussi vous abonner au flux RSS

Voici les différents screenshots que j’ai réalisé :

Installation

Tout d’abord je ne peux que vous conseiller fortement d’utiliser le plugin mobileThemeSwitcher de Noël, que je remercie d’ailleurs pour son excellent travail, qui vous permettra ainsi au visiteur naviguant à partir de son mobile d’être automatiquement redirigé vers la version mobile de votre blog

L’utilisation de ce thème comporte néanmoins quelques manipulations et installation pour fonctionner correctement :

Installez le plugin CategoriesMode v0.2 que vous trouverez chez adjaya. Il sert à ajouter une page pour les catégories, leurs descriptions, etc … vous y accéderez par l’icone dossier de la barre de navigation
Créez une page pour la recherche. Et oui, dans un blog “normal” le champ de recherche est dans la sidebar, hors dans cette version iPhone, il n’y en a pas !!! Ici j’ai opté pour une page avec le champ de recherche.
Pour faire cela c’est ultra simple
1. Dans le tableau de bord de votre blog, cliquez sur “Pages” dans le menu de gauche
2. Créez une nouvelle page dont le titre serait par exemple : “Recherchez …”
3. Si vous êtes en mode wiki changez pour le mode xhtml
4. Allez tout en bas de la partie contenu et cliquez sur source
5. Remplacez les balises déjà présentes par le code ci dessous en prenant bien soi de remplacer nomdedommaine.tld par votre nom de domaine
6. Enregistrez
7. Modifiez l’URL de la page en cliquant sur le petit cadenas et remplacez le contenu par “Recherche” en respectant bien sur la casse
8. Enregistrez de nouveau
Enfin, en fonction de la longueur du nom de votre blog ou pas, je vous invite à aller décommenter / commenter les lignes nécessaires dans la CSS

Code à insérer dans la source de la page de recherche :

<div id="search">
<form action="http://www.nomdedommaine.tld" method="get">
<fieldset>
<p><input size="10" maxlength="255" id="q" name="q" value="" type="text" />
<input class="submit" value="ok" type="submit" /></p>
</fieldset>
</form>
</div>

Voilà c’est prêt !!!
J’espère que ce thème va vous plaire et j’attends vos retours

Pour le téléchargement c’est plus bas.
Enfin dernière info, ce thème est distribué sous licence Creative Commons BY-NC-SA

Un thème spécial iPhone pour Dotclear 2

Guillaume BIZET — Tue, 14 Oct 2008 09:06:00 +0200

Comme certains d'entre vous le savent peut être je suis propriétaire depuis vendredi d'un iPhone 3G

Pour pouvoir consulter plus facilement mes blogs sur l'iPhone Il était donc devenu indispensable de réaliser une version iPhone de chacun de ces deux blogs. Vous retrouverez donc sur mes 2 blogs un version iPhone qui reprends toutes les fonctionnalités d'un blog fonctionnant sous Dotclear 2 :

une home
tous les posts
en mode post quand vous cliquez sur la catégorie, vous accédez à la liste de tous les billets de cette catégorie
idem pour les tags
Vous pouvez bien sur poster des commentaires
mais aussi vous abonner au flux RSS

Enfin et surtout J'ai mis en place une barre de navigation qui sera présente sur toutes les pages et qui vous permettra d'accéder à tout moment à :

la home
la liste des catégories
la liste des tags
la recherche

De plus quand vous vous connecterez à ce blog ou sur Web on iPhone vous aurez le droit à un petit message d'accueil pour savoir si vous voulez switcher sur la version spéciale iPhone ou bien rester sur la version normale, à vous de faire votre choix !!!
La version iPhone est disponible à cette adresse : www.guillaumebizet.fr/iphone

Voici les différents screenshots que j'ai réalisé :

Pour le moment le thème iPhone complet est disponible sur www.guillaumebizet.fr et un thème plus light sur www.weboniphone.fr, mais je compte assez rapidement mettre en place le thème complet sur Web on iPhone

La bonne nouvelle pour vous, enfin j'espère, c'est que je compte distribuer dans les prochaines semainse ce thème spécial iPhone avec toutes les explications qui vont bien !!!

PS : avec la préparation de ce thème et la somme de boulot pro que j'ai en ce moment, vous comprendrez mieux ma moins fréquente publication ici et sur Web on iPhone

Theme Simplicity2.0 pour Dotclear2

Guillaume BIZET — Thu, 19 Jun 2008 09:14:00 +0200

Voilà la raison de mes peu nombreux billets ces derniers jours. Je m'attelais aux finitions de ce nouveau thème que j'ai appelé Simplicity2.0, je ne vous traduit pas je pense que vous avez compris.

Cliquez sur l'image pour la voir en grand

Pour ce troisième thème

J'ai voulu privilégier un thème de largeur fixe et centré car c'est à mon sens le meilleur format
j'ai conservé un style "web 2.0" que j'aime bien, a force vous le savez
Le design est toujours soft, les couleurs claires restent, ce qui permet d'apporter confort de lecture et sobriété
J'ai conservé une certaine unité par rapport au précédent thème que j'utilisais notamment certaines fonctionnalités qui me plaisaient bien comme :
- la mise en forme des liste pour les annexes. Elles sont toujours précédées d'une image rappelant le type de fichier
- les informations concernant les billets, en mode "post"
- la suggestion de billets quand on arrive d'une recherche de google
- etc ...

Le principal changement réside dans la partie située juste sous le titre du blog qui sera présente dans toutes les pages de navigation. Cette partie regroupe 4 types informations répartie entre différents onglets animés par jQuery, ce qui leur permet d'être très facilement accessible :

un texte de présentation
Les 10 derniers commentaires
Les 10 derniers billets
Les billets sélectionnés

C'était, entre autre, ce qui péchait pas mal dans mon ancien thème

Voilà pour le tour du proprio. J'ai encore quelques finitions à faire, je les ferais en live donc ne vous inquiétez pas. Si vous voyez des bugs utilisez le formulaire de contact pour m'en avertir. Merci d'avance !

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

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é.

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

Le thème Simpliweb2 pour dotclear 2beta7 est disponible

Guillaume BIZET — Mon, 07 Jan 2008 10:53:00 +0100

Oui, je sais, j'ai été long mais comme dit le dicton

Mieux vaut tard que jamais

Donc le tout premier thème que j'avais réalisé pour Dotclear 2beta7 est disponible en téléchargement sur le billet officiel

Le support de ce thème se fera sur le billet officiel. Toute demande de renseignement ou d'aide postée ici ne sera pas traitée

Et on dit quoi ?

Lègère modification du thème

Guillaume BIZET — Tue, 06 Nov 2007 22:58:00 +0100

Comme vous pouvez le voir, il y a eu quelques légers changement sur ce thème .

j'ai déplacé les derniers commentaires tout en haut du blog. Weetabix me l'avait fait remarquer sur le billet présentant ce nouveau thème et effectivement sa remarque était très juste donc j'ai procédé à cette modification
du coup la sidebar du bas s'en retrouve modifiée et elle se compose dorénavant :
- les billets les plus lus sur le blog
- mon espace Flickr
- Les statistiques concernant le blog
- Les classements Wikio
- Le classement Tout le monde en blogue
- Le classement Calédosphère
- Les annuaires sur lesquels je suis référencé

Voilà, je pense que c'est plus clair comme cela, mais j'attends aussi vos avis sur ces changements

Edit : devant l'enthousiasme général, je reviens à la version précédente. Ce billet n'a plus lieu d'être, mais bon je le laisse quand même

Concours de thèmes/CSS sur SmashingCoding : je suis 4ème !!!

Guillaume BIZET — Tue, 30 Oct 2007 21:11:00 +0100

Il y a une semaine, un concours des plus beaux CSS de blog avait été lancé par l'équipe de SmashingCoding pour le lancement de leur blog. Je vous rappelle que SmashingCoding est un un blog collaboratif sur le web-développement et le design.

[Christophe résumait le concours de la manière suivante :

Comme d'habitude, je ne propose pas un concours pour gagner de l'argent ou des prix, non, simplement les plus jolis blogs seront présentés sur SmashingCoding, mon blog, TheFeedr, Blogasty et certainement sur d'autres blogs. Une façon de faire un peu mieux connaitre votre blog et la qualité de votre travail.

Le jury,qui était composé des rédacteurs du blog SmashingCoding, a voyté pour un top 10 selon des critères de sélection :

apparence
la qualité du code
astuces utilisées
difficulté

Le thème de mon blog étant tout frais je m'étais inscrit avec environ 45 autres blog ou portfolio.
Résultat des courses je suis 4ème. Je loupe le podium de peu

Voici la liste des 10 premiers :

Voilà. Suis content moi

Thème Tendancy2.0 pour dotclear 2

Guillaume BIZET — Tue, 16 Oct 2007 01:05:00 +0200

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

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

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

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

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

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

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

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

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

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.

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

Bugs sur le thème Rounded réparés

Guillaume BIZET — Wed, 18 Jul 2007 15:00:00 +0200

Il y avait plusieurs petits bugs sur le thème Rounded pour Dotclear1.2.x que je distribue (voir sur le page dédiée aux thèmes).
Je viens d'en effectuer les corrections et de mettre à jour les fichiers disponibles au téléchargement.

Mise à disposition de mes 2 derniers thèmes pour dotclear 1

Guillaume BIZET — Tue, 19 Jun 2007 21:51:00 +0200

Voilà. mes deux dernier thèmes pour dotclear1.2.x sont dorénavant à votre disposition.

Il s'agit du thème GreenModern

Cliquez pour voir en grand

et du thème Rounded

Cliquez pour voir en grand

vous retrouverez les liens de téléchargement dans la page spécifique des thèmes que j'ai réalisé pour dotclear 1.2.x et dans les billets correspondants aux annonces de ce ces thèmes :

pour GreenModern sur ce billet
pour Rounded sur ce billet

Thème Simpliweb2 pour Dotclear2

Guillaume BIZET — Sun, 10 Jun 2007 09:17:00 +0200

Voici donc le tout premier thème que je créé pour Dotclear2. Je l'ai nommé Simpliweb2
En tous cas j'espère qu'il vous plait

Cliquez sur l'image pour la voir en grand

Pour ce tout premier thème

le changement majeur porte surtout sur la disposition. Ce nouveau thème est un 3 colonnes avec 2 sidebars, et il prends la totalité de la page (fluide)
les tons sont fonçés pour la partie sidebar et blanc et coloré pour la partie "vivante" du blog (à droite)
le design reste à la mode web2 que j'aime bien mais avec des couleurs moins criardes, plus douces pour les yeux que l'ancien thème

Pour l'instant ce thème ne sera pas distribué, mais bonne nouvelle pour ceux qui m'en avaient fait la demande, l'ancien thème (Rounded) va prochainement être packagé et distribué.
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 ...

N'hésitez pas à me laisser des commentaires, des critiques ou bien encore des suggestions d'améliorations

Thème Rounded

Guillaume BIZET — Fri, 16 Feb 2007 15:25:00 +0000

Voilà le 7ème thème que j’ai réalisé pour Dotclear 1.2.x

Ce nouveau thème renviens vers vers un look et des couleurs plus web 2.0 ;).
La présentation change beaucoup. Voilà la liste de ces changements.

Le nom du blog change légèrement, il passe de Bizet’s Family Blog à Bizet’s Blog plus simplement
J’ai gardé le fil d’ariane et remis la barre de navigation à droite
Relookage de la wikibarre des commentaires
Introduction de la bibliothèque javascript jquery pour faire afficher / cacher dynamiquement le nuage de tags et le formulaire d’ajout de commentaire en cliquant sur les images.
Remplaement du “lire la suite …” à la fin des chapos par une image cliquable
Abandon du bouton OK pour valider le formulaire de recherche, en faisat entrée, ça marche aussi bien

J’espère que ce nouveau thème vous plait et que vous allez vous sentir bien sur le blog qu’avec l’ancien.

Par contre, j’aurais besoin de vous pour deux petite choses encore à régler sur ce thème :

RÉGLÉ : Comme je l’indiquait plus haut j’ai introduit la fameuse bibliothèque jquery pour l’affichage du nuage de tags et du formulaire d’ajout de commentaires mais je me trouve encore confronté à un souci. Pour ceux qui ont le javascript désactivé, il n’y en a pas beaucoup mais bon c’est plus une question d’accessibilité d’ailleurs, ils ne verront pas le nuage de tags et le formulaire d’ajout de commentaire. En effet pour que cela fonctionne comme je le souhaitais, j’ai du mettre style=”display:none” sur les balises correspondantes. Il faudrait une fonction qui ne cache que ces deux éléments au chargement de la page mais je n’arrive pas à la faire, donc si parmi mes lecteurs il y en a qui peuvent me donner un coup de main là -dessus je suis assez preneur. Merci d’avance pour vos propositions.
Sur la partie de navigation par onglet, j’aimerais bien mettre un onglet avec id current mais ce current doit aussi être associé à une class pour le background (cf ma feuiile de style pour la partie nav). Je veux absolument garder l’option de l’onglet qui s’enfonce pour le hover, donc j’ai essayé plein de combinaisons sans y arriver. Pareil si vous avez des propositions …

Bonne nouvelle pour ceux qui m’en avaient fait la demande, l’ancien thème (GreenModern) va prochainement être packagé et distribué.
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 plugins dont vous aurez besoin avant de pouvoir les faire marcher …

Pour ce nouveau thème dont vous avez l’aperçu juste au dessus, n’hésitez pas à me laisser des commentaires, des critiques (positives et négatives, cela fait toujours avancer) ou bien encore des suggestions d’améliorations

Maintenant que le thème est distribué, voilà les dernières précisions pour le faire fonctionner sans problèmes;
Il vous faut installer 2 plugins :

le plugin métadonnées de billets
le plugin tags

Utilisateurs du thème Web2.0

Guillaume BIZET — Mon, 20 Nov 2006 23:13:00 +0000

En parcourant les blog sur le web, je vois mes thèmes utilisés un peu partout. Cela me fait bien plaisir de voir que ce que j'ai fait plait aux autres, alors je me suis dit qu'un petit billets pour les remercier ne ferait pas de mal !!! Voici donc la liste des blogs que j'ai vu utiliser le thème : Web2.0

Le blog d'Ubunteros
Le blog du Nomade

Je vous remercie donc d'utiliser ou d'avoir utilisé le thème Web2.0

Cette liste sera mise à jour au fur et à mesure que je découvrirai de nouveau blogs utilisant un de mes thèmes ou qu'une personne me signalera un blog utilisant le thème Web2.0.

N'hésitez pas à me signaler tout blog utilisant ce thème

Thème GreenModern

Guillaume BIZET — Thu, 16 Nov 2006 13:28:00 +0000

Voilà le dernier né, 6ème de la série.

Pour ce nouveau thème je renviens vers des couleurs plus douces pour les yeux ;).
La présentation change complètement

j’ai gardé la barre de navigation et le fil d’ariane
pour ce qui est des titres h2 dans toutes les pages du blog il y a remplacement des titres en image selon la méthode du petit dotclear illustré (voir ici). Pour ces titres, j’ai repris la police et la couleur des titres du thème pastel de la lène.
en bas on retrouve une 2ème “sidebar” qui contient le nuage de tags.
relookage de la wikibarre des commentaires

J’espère que ce nouveau thème vous plait et que vous allez vous sentir bien sur le blog qu’avec l’ancien.

Bonne nouvelle pour ceux qui m’en avaient fait la demande, l’ancien thème (Web2.0) va prochainement être packagé et distribué.
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 plugins dont vous aurez besoin avant de pouvoir les faire marcher …

Pour ce nouveau thème dont vous avez l’aperçu juste au dessus, n’hésitez pas à me laisser des commentaires, des critiques ou bien encore des suggestions d’améliorations

Utilisateurs du thème : ZenTheme

Guillaume BIZET — Wed, 04 Oct 2006 11:15:00 +0000

Le Blog pédagogique
Le blog peejim's
Le blog du voyage du gnome
Le blog de Nicolas
Le blog de Letawny
Le blog Born To Be FREE
Le blog L'avis Psy
Le blog De quoi ?
Le blog Mexican Experience
Le blog la cuisine de David et Emilie
Le blog French202
Le blog de l'autre japonais

Je vous remercie donc d'utiliser ou d'avoir utilisé le thème ZenTheme.

Cette liste sera mise à jour au fur et à mesure que je découvrirai de nouveau blogs utilisant un de mes thèmes ou qu'une personne me signalera un blog utilisant le thème ZenTheme.

N'hésitez pas à me signaler tout blog utilisant ce thème

Utilisateurs des thèmes : BoatTheme v1 et v2

Guillaume BIZET — Wed, 04 Oct 2006 11:13:00 +0000

Thème Boat v1

Le blog : Ol Optic

Thème Boat v2

Le blog : Le français chez moi
Le blog : Another day in Paradise
Le blog de Martine DAVID
Le blog Felouque
Le blog de pipishimaru
Le blog d'informations Je créé ma boite
Le blog Vélo et course à pied
Le blog d'Aurélie TASSON
Le blog projet Emarketing

Je vous remercie donc d'utiliser ou d'avoir utilisé le thème BoatTheme v1 ou v2.

Cette liste sera mise à jour au fur et à mesure que je découvrirai de nouveau blogs utilisant un de mes thèmes ou qu'une personne me signalera un blog utilisant le thème BoatTheme v1 ou v2.

N'hésitez pas à me signaler tout blog utilisant ce thème

Utilisateurs du Thème : MerCalme

Guillaume BIZET — Wed, 04 Oct 2006 11:10:00 +0000

Le blog de Françoise Ma vie aquatique
Le blog de Sasa La Loute Une baignoire et des ronds dans l'eau
Le blog : Chaos mondial : pas de hasard
Le blog de Karine et Regis
Le blog : Waterstart
Le blog : Billets d'humeurs
Le blog : Champ-sur-Marne.info
Le blog : Astuces 1Grandouf
Le blog de Clax au Sénégal
Le blog : SDUS Plongée
Le blog : Ticeur Bretagne
Le blog du bateau Imagine
Le blog du GASM de rouen
Le blog : New Did on the blog
Le blog d'Emmanuel Dewachter
Le blog de Cermos
Le blog d'un cabinet de recherche
Le newsblog du BBGCC
Le blog de Niklaus
Le blog Haunt
Le blog d'un cabinet de recherche
Le blog TOdo eSTA aQuI
Blog Choco Acide
Le blog Yoyo du 22
Le blog de Fabrice
Le blog de Sylvanito
Le blog Verily
Le blog La vague de ma vie
Le blog de Cyrille
Le blog de Proteus Anime no Nihon
Le blog de Youki
Le blog Libre expression
Le blog Un monde nouveau s'offre à moi
Le blog Triathlon-abc
Le blog Clin d'oeil
Le blog ADEFI Martinique
Teorem's blog
Le blog juridique Doc en Vr@c
Le blog d'eystein

Je vous remercie donc d'utiliser ou d'avoir utilisé le thème MerCalme.

Cette liste sera mise à jour au fur et à mesure que je découvrirai de nouveau blogs utilisant un de mes thèmes ou qu'une personne me signalera un blog utilisant le thème MerCalme.

N'hésitez pas à me signaler tout blog utilisant ce thème

Thème Web2.0

Guillaume BIZET — Wed, 27 Sep 2006 00:45:00 +0000

Voilà le dernier né de mes ateliers.

L'actu internet étant très tournée web2.0 en ce moment j'ai voulu faire un thème dit "web2.0". En plus je souhaitait que ce nouveau thème tranche avec l'ancien.
La présentation change complètement

vous avez une véritable page d'accueil avec le dernier post publié, les 10 derniers posts et les 10 derniers commentaires
j'ai gardé la barre de navigation et le fil d'ariane
la sidebar est passée à gauche et est allégée
en bas on retrouve une 2ème sidebar qui contient le nuage de tags et les archives, catégories, billets séléctionnés et autre référents
enfin la liste des liens dans l'ancien thème était dans la sidebar et maintenant elle se retrouve dans la barre de navigation "Mes Bookmarks"

J'espère que ce nouveau thème vous plait et que vous allez vous sentir bien sur le blog qu'avec l'ancien.

Bonne nouvelle pour ceux qui m'en avaient fait la demande, l'ancien thème (ZenTheme) va prochainement être packagé et distribué.
Il y a une page spécifique pour les thèmes que j'ai réalisés et 4 billets 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 plugins dont vous aurez besoin avant de pouvoir les faire marcher ...

Pour ce nouveau thème dont vous avez l'aperçu juste au dessus, n'hésitez pas à me laisser des commentaires, des critiques ou bien encore des suggestions d'améliorations

MAJ : le thème est maintenant distribué (cf voir les fichiers attachés au billet)
Attention : pour le faire fonctionner il vous faut les plugins :

derniers commentaire : voir ici
theme tools : voir ici

Ils utilisent mes thèmes pour Dotclear : MAJ

Guillaume BIZET — Thu, 06 Jul 2006 15:54:10 +0000

Bon cela fait maintenant un petit moment que j'ai mis à disposition les premiers thèmes que j'ai créés pour mon blog.

Et oh surprise je vois mes thèmes utilisés un peu partout.
Cela me fait bien plaisir de voir que ce que j'ai fait plait aux autres, alors je me suis dit qu'un petit billets pour les remercier ne ferait pas de mal !!!

Ce billet viens d'être séparé en autant de billet que de thèmes

Utilisateurs du thème MerCalme
Utilisateurs des thèmes BoatTheme v1 et v2
Utilisateurs du thème ZenTheme

Rendez-vous sur les billets correspondants

Thème Zen

Guillaume BIZET — Mon, 20 Mar 2006 15:54:00 +0000

Voilà le nouveau thème de ce blog, et vous allez dire : encore !
Mais oui !!! J'ai une nouvelle fois changé de thème pour le blog et celui ci j'en suis particulièrement fier.
Donc voilà le nouveau petit thème que je me suis construit

J'ai voulu faire quelque chose de plus sympa, plaisant au yeux et qui repose. Les couleurs sont donc claires et les tons assez proches pour ne pas paraitre agressifs comme l'étaient en fait les derniers thèmes réalisés.
J'espère que ce nouveau thème va vous plaire et que vous allez vous sentir bien sur notre blog, en tous cas je suis bien parti pour le garder plus longtemps que les premiers celui-là. Il y aura bien sûr quelques améliorations auxquelles j'ai déjà pensé, mais ce ne sera que du bonus.

Bonne nouvelle pour ceux qui m'en avaient fait la demande par mail, mes 3 anciens thèmes vont être à la disposition de qui veux.
Il y a une page spécifique pour les thèmes que j'ai réalisés et 3 billets vont être créés spécialement dans la catégorie dédiée "Mes thème Dotclear" pour discuter de ces anciens thèmes.
Vous retrouverez sur ces billets les liens pour les installations automatique des thèmes ainsi que les plugins dont vous aurez besoin avant de pouvoir les faire marcher ...

Conclusion : je pense qu'il est plus abouti graphiquement et pour une fois je suis satisfait de ce que j'ai fait !!! Il me reste 2/3 bricoles que je dois finioler mais ce n'est rien et dans l'ensemble tout se tient.

Il me reste 2 choses à faire :

Comprendre pourquoi sous Internet Explorer j'ai dans puces qui apparaissent dans la sidebar au niveau du bloc référents alors que ce n'est pas le cas sous firefox. J'ai tenté plein de choses mais rien n'y fait !!!!
Aligner correctement ma barre de navigation horizontale pour qu'elle ai la même position sour Internet Explorer que sous Firefox

Si vous avez des idées pour régler ces 2 problèmes je suis preneur, n'hésitez pas à laisser une solution dans les commentaires. Je vous en remercie d'avance

Pour ce nouveau thème dont vous avez l'aperçu juste au dessus, vous pouvez me laisser des commentaires, des critiques, des suggestions d'améliorations ou bien encore ... des félicitations

MAJ : le thème est maintenant distribué (cf voir les fichiers attachés au billet)

Mise en place de la barre de navigation horizontale

EDIT : comme j'ai beaucoup de demande dans les commentaires pour installer la barre de navigation horizontale, voici dans le détail les modifications à faire sur vos fichiers

Explications pour la mise en place de la navbar horizontale avec les onglets

Ouvrez le fichier template.php du thème

après :

[php]
<h1><a href="<?php dcInfo('url'); ?>"><?php dcInfo(); ?></a></h1>

Placez le code suivant :

[html4strict]
<div id="nav">
	<ul>
		<li><a class="acc" href="<?php dcInfo('url'); ?>" title="Aller &agrave; l'accueil">Accueil</a></li>
		<li><a class="ongl2" href="" title="">Onglet 2</a></li>
		<li><a class="ongl3" href="" title="">Onglet 3</a></li>
	</ul>
</div>

Ensuite ouvrez le fichier style.css et placez à la fin du bloc "L'entête" :

[css]
#nav {
	position: absolute;
	top: 155px;
	left: 5px;
	font-size: 1em;
	text-align: left;
	}

#nav ul	{
	list-style: none;
	background: transparent;
	}

#nav li	{
	display: inline;
	padding: 0px;
	/*height: 26px;
	line-height: 26px;*/
	}
	
#nav a.acc, #nav  a.acc:visited	{
	background: /*transparent*/ url(img/Header/accn.gif) no-repeat left top;
	padding: 5px 5px 5px 5px;
	width: 100%;
	}

#nav a.acc:hover	{
	background: /*transparent*/ url(img/Header/acch.gif) no-repeat left top;
	}
	
#nav a.ongl2, #nav  a.ongl2:visited	{
	background: /*transparent*/ url(img/Header/plann.gif) no-repeat left top;
	padding: 5px 5px 5px 5px;
	width: 100%;
	}

#nav a.ongl2:hover	{
	background: /*transparent*/ url(img/Header/planh.gif) no-repeat left top;
	}

#nav a.ongl3, #nav a.ongl3:visited	{
	background: /*transparent*/ url(img/Header/galn.gif) no-repeat left top;
	padding: 5px 5px 5px 5px;
	width: 100%;
	}

#nav a.ongl3:hover	{
	background: /*transparent*/ url(img/Header/galh.gif) no-repeat left top;
	}
	
#nav li a, #nav li a:visited, #nav li a:hover	{
	text-decoration: none;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	}
	
#nav li a:hover	{
	color: #7E9DD6;
	}

Dans les fichiers attachés ci-dessous, téléchargez imagesnavbar.zip qui contient les images utilisées pour cette barre de navigation. Ces fichiers images sont à uploader dans le repertoire de votre thème : /img/Header/

Uploadez sur le serveur les fichiers template.php et style.css à la racine de votre thème et rafraichissez la page : la voilà