top

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

Tag - 2 colonnes

Fil des billets - Fil des commentaires

 

mardi 1 juillet 2008

Configurer le thème : freshyOne, sober et tabsOne

Par pyeb le mardi 1 juillet 2008, 21:30

Depuis la RC1 de dotclear 2, il est possible de définir des préférences pour des thèmes. J'ai utilisé cette possibilité pour trois thèmes freshyOne, sober et tabsOne. Pour configurer les thèmes, je suis parti du travail de dsls et du portage du thème Freshy 2.

sober

sober.jpg sober2.jpg

Ce thème a été créé dans l'optique d'avoir plusieurs variations chromatiques : blanc/rouge, blanc/bleu/orange, noir, orange, olive et ciel. Il fallait modifier à la main le fichier style.css pour choisir la couleur ou prendre un thème particulier. Maintenant, il suffit de choisir sa variation.

freshyOne

freshyOne
Ce portage de thème Wordpress contient à l'origine la possibilité de choisir l'image d'en-tête ainsi que la couleur de fond lors du choix d'un élément. Ces deux paramètres sont accessible à partir de l'administration de DC2.

tabsOne

tabsOne.jpg
Ce thème contenait deux fichiers de style - bleu et magenta -, il suffit de choisir maintenant classique, bleu ou magenta.

5 commentaires

mardi 11 septembre 2007

Ornamentals thème pour photoblog, partie 2 - intégration des effets jQuery

Par pyeb le mardi 11 septembre 2007, 20:01

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

12 commentaires

vendredi 7 septembre 2007

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

Par pyeb le vendredi 7 septembre 2007, 20:20

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

24 commentaires

mardi 31 juillet 2007

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

Par pyeb le mardi 31 juillet 2007, 16:46

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.

2 commentaires

dimanche 22 avril 2007

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

Par pyeb le dimanche 22 avril 2007, 00:38

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.

5 commentaires

vendredi 19 janvier 2007

monster in love, rouge sang

Par pyeb le vendredi 19 janvier 2007, 11:16

monsterinlove

monsterinlove est un thème fixe 2 colonnes de 950px. J'avais envie d'un thème flamboyant, un joli rouge sang, et de titres bien gras, ce sera monsterinlove. Avec des petites giclées... de sang.

Bref, c'est un thème un peu concept...

Télécharger le thème.

5 commentaires

mercredi 20 décembre 2006

sober, variations chromatiques

Par pyeb le mercredi 20 décembre 2006, 22:34

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

aucun commentaire

samedi 25 novembre 2006

Ouverture de pyeb.net, Absolut en bonus

Par pyeb le samedi 25 novembre 2006, 21:17

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 !

7 commentaires

samedi 4 novembre 2006

Chocolate & biscuit : caisson de résonance

Par pyeb le samedi 4 novembre 2006, 20:29

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; }

10 commentaires

lundi 30 octobre 2006

Pastel like en version large & suite des overflow d'IE

Par pyeb le lundi 30 octobre 2006, 22:11

Pastellarge.jpg

Pour mes besoins personnels, j'ai eu besoin de créer une version Pastel light avec la possibilité d'avoir des photos de 700px de large. J'aime bien voir mes photos en version large… ;-)

Télécharger le fichier.

Orange.jpg

Pour d'autres besoins, j'ai créé une version orange de Pastel large. Je suis assez mono-maniaque et je pense qu'il sera mon thème par défaut quand je passerais mon blog sous DC2. Cela sera le cas dés que dsls aura finalisé le plug-in Galery pour DC2.

Télécharger le fichier.

J'ai remarqué des problèmes d'italique avec le thème ! Lors de test, je n'avais rien vu et m'amusant avec Orangeworld sous IE 6, l'horreur apparu. Après, j'ai vu la catastrophe dans les commentaires chez [SIMON], c'était pire…

Il suffit de mettre rajouter overflow: visible à #main et #content. Les thèmes Pastel et Pastellight sont à jour. Vivement qu'IE 7 envahisse la planète…

11 commentaires

- page 1 de 2