kit2

3. Le fond de fenêtre

Lomalarch — Mon, 08 Oct 2007 16:46:00 +0200

Sauf si vous avez choisi une largeur fluide à 100% pour l'affichage du blog, un fond apparaît sur les côtés. On peut habiller ce fond avec une couleur uniforme, un motif répétitif ou, pourquoi pas, une couleur à gauche et une autre à droite.

Contenu de cet article : une couleur unie un motif répétitif et pourquoi pas bicolore ? Pour changer la couleur du fond de page ou y appliquer une image qui se répète, tout se passe dans la règle de body : body { font : 86%/130% arial,"Lucida Grande","Trebuchet MS", sans-serif; background : #f0f0f0; color:#222; } Un fond de... Lire 3. Le fond de fenêtre

2. Choisir une palette de couleurs

Kozlika — Mon, 01 Oct 2007 16:00:00 +0200

Sans que cela représente une véritable obligation, définir d'emblée un assortiment de couleurs et/ou images peut s'avérer un bon préalable. Il vous faut au minimum une couleur contrastée pour les liens. Vous pouvez vous en tenir là, assortie de la vaste gamme des gris, comme c'est le cas pour le thème Kit2 dans sa version basique, avec une petite pointe de bleu dans les éléments décoratifs.

Si vous voulez en utiliser plusieurs, une présélection peut par exemple être faite sur la base suivante : une couleur contrastée pour les liens en général une couleur contrastée pour les liens de navigation, qui permettrait de les identifier rapidement une couleur contrastée pour la titraille (titre du blog et/ou titres des billets et/ou... Lire 2. Choisir une palette de couleurs

1. Choisir la structure

Kozlika — Mon, 01 Oct 2007 15:00:00 +0200

Après avoir installé le thème selon la procédure habituelle décrite dans la documentation, la première étape de votre personnalisation consistera à choisir quelle structure générale de mise en page vous souhaitez pour votre blog.

Pour ce faire, il faut suivre les trois étapes décrites dans ce billet :

choisir la structure parmi les quatorze proposées
l'activer via la feuille de style
éventuellement y apporter quelque variation

Choisir Repérez celle qui vous convient et retenez le nom du fichier correspondant. (Cliquez sur l'image pour voir une capture d'écran en taille réelle.) Une colonne nom du fichier : layout-1A.css largeur fixe 760px le menu se trouve tout en bas de la page, les items les uns à la suite des autres. nom du fichier : layout-1B.css... Lire 1. Choisir la structure

Kit2 - Votre thème sur mesure pour Dotclear 2

Kozlika — Mon, 01 Oct 2007 14:17:00 +0200

Série en cours de rédaction et thème en cours de réalisation. Je tente l'expérience de le faire en direct afin que vous posiez des questions au fur et à mesure qui pourraient aider à constituer les tutos et suggérer des améliorations. Le thème Kit2 sera proposé au téléchargement quand il sera un peu plus « solide ».

Dans le même esprit que le Kit 1 pour Dotclear 1, le thème Kit2 est accompagné d'une série de billets pour vous guider pas à pas dans vos premières personnalisations, et plus si affinités. Installez ce thème sur votre blog selon la procédure classique comme pour n'importe quel autre thème, puis... suivez le guide ! Pour chaque billet, les tags... Lire Kit2 - Votre thème sur mesure pour Dotclear 2

Un billet de test

Kozlika — Tue, 18 Apr 2006 10:25:00 +0000

Regroupement dans ce billet des principales balises d'enrichissement. Elles sont présentées avec du faux texte. C'est une très ancienne tradition en vigueur dans l'imprimerie. Ce faux texte a ici été généré par un site dont je vous donne le lien (ipsum generator), ce qui me permet du même coup de montrer la présentation des liens dans les billets. Le texte a été saisi en wiki, wiki2xhtml se chargeant ensuite de la conversion en HTML.

Titre de niveau h3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed scelerisque euismod leo. Donec magna (balise ). Integer mollis nonummy magna. Donec tristique lorem a pede. Nunc scelerisque sodales justo. Phasellus tempus eros. Praesent feugiat, mauris at malesuada blandit, justo nisl dignissim tortor, a ornare sem nulla... Lire Un billet de test