Un thème en kit

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

dimanche 6 novembre 2005

Sidebar à gauche ou à droite

Par défaut, le thème Kit s'installe avec la structure fluide (la largeur de la page s'adapte à la largeur de l'écran), et le sidebar (menu latéral) à droite.

Vous pouvez choisir de placer le sidebar à gauche en remplaçant l'actuel fichier style.css par la copie du fichier fluide-G_style.css placé dans le répertoire kit/zegoodies/. Important : n'oubliez pas de renommer cette copie en style.css.

Note : Bien que cette étape soit décrite dans l'article Installation, je la recopie ici pour lui accorder une meilleure visibilité puisque j'ai pu constater que nombre d'utilisateurs ont zappé ledit billet... (bouh !)

Largeur de la page

Un article en trois parties pour modifier à vos souhaits la largeur qu'occupe la page dans la fenêtre du navigateur et quelques recommandations si vous souhaitez apporter des modifications sur les largeurs des blocs intérieurs.

Lire la suite

Fond de fenêtre

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, pouquoi pas, une couleur à gauche et une autre à droite.

Lire la suite

Fond de page

Voici deux sortes de personnalisations possibles pour le fond de page : en modifier la couleur (attention à rester lisible !) ou ajouter une bordure décorative.

Lire la suite

Fond du sidebar

Comme pour le fond de fenêtre ou le fond de page, le fond du sidebar (menu latéral) peut être personnalisé à votre gré. Mais attention ! le sidebar est une boite et non une colonne, il faudra donc avoir recours à une mise en place un peu différente.

Lire la suite

Bannière

Un logo, une image comportant le titre ou un simple fond de couleur, mais toujours cliquables pour un retour à l'accueil, toutes les solutions proposées ici ne réclament de changements que dans la feuille de style et restent lisibles en cas de désactivation des images et accessibles au navigateurs oraux. La preuve en code et en capture d'écran.

Lire la suite

jeudi 10 novembre 2005

Billet de test

Pour travailler sur les mises en forme du texte un billet test utilisant les principales balises html courantes c'est bien pratique. Le voici ci-dessous pour que vous puissiez observer les mises en forme du thème et avec un lien de téléchargement pour que vous puissiez le copier chez vous (syntaxe wiki).

Lire la suite

Aspect du texte

Changer la famille et/ou la couleur des caractères, pour tout le blog ou une partie seulement.

Lire la suite

Couleur d'accompagnement

Si vous avez le rouge en horreur, ça doit pouvoir s'arranger. En changeant systématiquement le rouge par une autre couleur ou en variant avec plusieurs couleurs.

Lire la suite

vendredi 11 novembre 2005

Eléments de décoration

Très peu d'images sont utilisées ici. Vous pouvez les modifier et en ajouter d'autre pour décorer votre intérieur bloguesque.

Lire la suite

Listes dans les billets

Par défaut le thème Kit ne prévoit pas de mise en forme spéciale des listes. Ce sont donc les puces pleines et les puces vides habituelles qui seront utilisées par le navigateur. Ou vos propres petites images.

Lire la suite

samedi 12 novembre 2005

Trackbacks et commentaires

A titre d'exemple de personnalisation de la présentation des trackbacks et commentaires, le code nécessaire à leur affichage sous forme d'encadrés.

Lire la suite

Listes du sidebar

Comme dans les billets, on peut personnaliser les listes du sidebar. Ici une méthode pour ajouter de petites flèches à la gauche de chaque item avec un effet au survol.

Lire la suite

Titres du sidebar en images

Sur le même principe que les bannières-titre du blog on peut mettre des images pour les titres des rubriques du sidebar et masquer les "titres textes" sans les supprimer.

Lire la suite