top

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

 

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

vendredi 7 septembre 2007

Ornamentals thème pour photoblog, partie 1 - intégration du thème au greffon Photoblog

ornamentals.jpg

Avec l'arrivée de Dotclear 2, il est possible de faire du multiblog c'est à dire avoir plusieurs blogs avec une même base de données et la même interface d'administration. Donc au lieu d'un blog fourre-tout, il est facile d'avoir un blog principal et de déporter ces photos sur un photoblog.

Julien Mudry - zeiram sur le forum de Dotclear - avait créé un greffon Photoblog pour DC1. Une alpha pour DC2 est sortie. Petite mise en garde, le greffon est en alpha donc il fonctionne correctement mais il est encore en phase de débugage.

Pour ce thème, plusieurs choix ont été privilégiés :

  • la mise en valeur des photographies
  • une interface de navigation réduite
  • l'intégration d'un effet lightbox

Ornamentals est un thème semi-fluide - le #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...

mardi 31 juillet 2007

Ornamentals, mon premier thème pour photoblog (màj : 05/08/07)

Ornamentals prévisualisation

Ceci est mon premier thème pour photoblog, il utilise le greffon photoblog 0.1 pre-alpha--2--4 de Julien Mudry ou zeiram sur le forum de Dotclear. Pour la présentation de ce greffon, je vous invite à lire le billet de présentation. Petite mise en garde, le greffon est en alpha donc il fonctionne mais il est encore en phase de débugage.

Le thème est, lui aussi, en version beta. Il a été testé sous Firefox 2 (Mac & PC), Safari 2 et 3 (Mac & PC), IE 6 & 7 (après de longues épreuves…) ainsi que sous Opera 9.2 (Mac). En dehors du greffon photoblog, il y a une condition obligatoire pour qu'il soit pleinement fonctionnel : cocher, lors de l'ajout d'une photo, En tant que lien vers l'image originale. Et pourquoi ?

Ornamentals est un thème utilisant la librairie jQuery et les librairies Accordion et imagebox en version modifiée. Pour mettre en valeur les photos, la barre latérale ne montre qu'une division à la fois en accordéeon. Imagebox est la version la plus proche de lightbox en jQuery, il suffit de cliquer sur la photo. D'où la présence d'un lien sur la photo.

Il est possible de mettre du texte dans un billet en plus de la photo. Par contre, il faudra séparer la photo du texte soit par 2 retours à la ligne ou l'utilisation du retour chariot dans la barre d'outil de l'édition de billet sinon cela perd de son charme…

L'explication de texte et débugage pour plus tard. Après quelques retours et autres demandes. Cliquez sur la photo pour accéder au photoblog de test.

màj 05/08/07 : J'ai adapté le thème à la dernière version du greffon et de ses nouveaux templates. La barre de navigation utilise l'effet N&B/couleur, les flux RSS sont envoyés dans le footer et J'ai corrigé quelques bugs.

Télécharger le thème.

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

samedi 25 novembre 2006

Ouverture de pyeb.net, Absolut en bonus

Absolut

Les pages perso de Free, c'est sympa mais ça tombe souvent en rade. Donc, j'ai décidé de m'offrir un hébergement. Juste le service de base de 1and1.fr. Et vu que je me retrouve avec deux domaines, j'en dédie un pour les thèmes de dotclear 2. Pour éviter le spam par les rétroliens, je continue à n'accepter que les commentaires. Tribune Libre ne fonctionne plus avec les dernières modifications des svn de dotclear.

Et pour une ouverture, un cadeau est obligatoire donc voilà Absolut. Je voulais un thème plutôt sombre en jouant sur les gris. Un côté pro des applications Mac. Puis par même veine d'inspiration, le thème a tendu vers le thème negative des gandiblog. Le résultat est un thème classique et sobre.

Absolut est un thème fluide 2 colonnes. Télécharger le thème.

Bienvenue sur pyeb.net !

jeudi 31 août 2006

One

One

Nouvel exercice de style. One est un thème fluide. Il ne possède pas d'objets flottants, la barre de navigation suit les billets. Ce thème est donc plutôt approprié pour un affichage avec un billet par page. La recherche, les liens de navigations et les liens de syndication sont positionnés dans le haut de page.

Et le thème est un peu orange avec un peu de vert pour éviter l'overdose.

Télécharger le thème.

Mise à jour : j'ai modifié le lien pour télécharger le fichier.

Màj 2: les pièces jointes s'affichent correctement.

vendredi 18 août 2006

Cinéma

Cinéma

Dans la suite de Lueurs, Cinéma est un thème fixe 800x600. La taille du post est de 500px, cela permet de publier des photos de bonne taille dans un espace restreint.

… Du rouge flamboyant aussi.

Télécharger le thème.

Màj : les pièces jointes s'affichent correctement.

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.

dimanche 9 juillet 2006

RedSky

RedSky.jpg

C'est le premier thème que j'ai adapté pour Dotclear 2. Il existait déjà pour DC1 mais j'ai préféré attendre la dernière version de Dotclear.

C'est un thème liquide qui fonctionne avec une résolution de 800x600. Une nuit rouge aux reflets dorées.

Télécharger le theme.