top

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

 

dimanche 22 avril 2007

Bréderode, Slottsbacken & Thames Street, pattern is hype

brederode.jpg slottsbacken.jpg thamesstreet.jpg

En cette journée toute présidentielle, trois nouveaux thèmes avec une barre de navigation à gauche, à droite et au centre - en bas quoi. Surtout rien à l'extrême-droite ni rien sur l'identité nationale. Fini les grands aplats de couleur, le papier peint est à la mode. Nostalgie quand tu nous tiens ! Un cadre tout doré pour encadrer des photos, des tableaux.

Avec les navigateurs modernes - suivez mon regard… -, la transparence laisse paraître les motifs gris et bleus. Le rouge se marrie avec l'orange mais juste dans les rêves éveillés. Sous l'ineffable IE 6, la transparence disparaît et la structure devient fixe mais tout est fonctionnel. Ouf ! Un grand au revoir avant la prison.

Les thèmes sont plutôt adaptés à une résolution 1024 x 768 px même si le 800 x 600 px est fonctionnel.

Télécharger Bréderode, Slottsbacken et/ou Thames Street.

samedi 24 février 2007

tabsOne with jQuery

tabsOne.jpg

tabsOne est un thème 1 colonne utilisant le script jQuery Tabs permettant de substituer une partie de la sidebar par des onglets. Les widgets Recherche, Liste des Catégories, Tags, Liens de navigation, Langues du blog et Liens d'abonnement font partis des onglets. Les autres widgets s'affichent normalement dans le menu latéral après les billets.

Le thème par défaut est anis/noir/orange mais il existe aussi des feuilles de styles en bleu/noir/orange et magenta/noir/anis.

Attention pour assurer un thème valide, il faut absolument que le widget Recherche ne soit pas dans les bandeaux du menu latéral.

Télécharger le thème.

mardi 6 février 2007

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy

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

Lire la suite...

mercredi 20 décembre 2006

sober, variations chromatiques

sober2.jpg

sober est un thème liquide et minimaliste, il permet de mettre des photos de 500px. Toutes les variations sont contenues dans le dossier du thème, il faut décommenter la feuille de style choisie pour modifier l'apparence. Pour modifier l'image du top, il faut que l'image mesure 549px x 300px.

Màj 28/06/08 : Ajout d'un éditeur de thème pour choisir la variation. Fonctionne à partir de DC2 RC1.

Visualiser : Blanc/rouge (classic) - Blanc/bleu/orange (blue) - Noir/rouge (black) - Orange (orange) - Vert clair (olive) - Bleu clair (sky)

Télécharger : Toutes les variations

sober.jpg

vendredi 8 décembre 2006

123 Ice

123Ice.jpg

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.

samedi 4 novembre 2006

Chocolate & biscuit : caisson de résonance

Chocolatandbiscuit.jpg

Pas de structure particulière, juste une envie de faire un thème avec une baffle. Des couleurs chocolat et biscuit avec un peu de bruit pour faire la patine du temps.

C'est un thème 2 colonnes en version large en taille et en poids aussi. Le png, c'est W3C mais cela reste lourd…

Télécharger le fichier.

Maj : pour avoir une police plus grande avec le formulaire de commentaire, il faut supprimer dans #comment-form input, #comment-form textarea :

font-size: 0.8em;

Ajout du survol de lien pour les pièces jointes et les commentaires.

#attachments a:hover { text-decoration: underline; color: #421806; }

#comments dd a:hover, #pings dd a:hover { text-decoration: underline; color: #421806; }

samedi 23 septembre 2006

123 Blue

123blue.jpg

Dans ma nouvelle collection de thèmes, je demande le deuxième des thèmes 3 colonnes.

Ce thème nuageux est un thème liquide qui permet de mettre des photos de 500px. Les barres de navigation sont flottantes pour permettre aux différentes divisions d'être correctement à leur place tout en ayant un habillage en images, c'est un peu tarabiscoté en terme de construction. Après m'être battu entre l'installation de windows sur un mac intel et mon fil ethernet définitivement trop court, j'ai trouvé le dernier - ? - bug d'affichage.

Màj : Correction du bug d'affichage sous IE avec le style italique.

Màj 2 : Changement de la structure. En terme d'affichage, il n'y a pas de changement. Pour modifier le thème, la nouvelle version est plus robuste et facile à modifier.

Télécharger le thème.

mardi 15 août 2006

Lueurs

Lueurs

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.

lundi 24 juillet 2006

Palissade

Palissade

Palissade est un thème coloré - ! - liquide et 2 colonnes.

Télécharger le thème.

DoTunes

DoTunes

DoTunes est inspiré par Mac OS X et iTunes. Le but est de faire un thème sobre au contenu compact, le bleu c'est pour donner un peu de peps. C'est un thème liquide qui demande une résolution minimale de 1024x768.

Certaines fonctionnalités du thème n'apparaissent pas sous IE 6 et inférieur. Mise à jour : le hover sur les titres des widgets ne sont pas fonctinnels sous IE.

Télécharger le thème.

- page 1 de 2