Kit 2 - PersonnalisationsC'est vous qui le faites !2020-02-18T07:31:55+01:00urn:md5:89997fa58464768bc55ea7e037d379b6Dotclear3. Le fond de fenêtreurn:md5:5b0d0770ac76d1c2f0f74b17fbeb305d2007-10-08T16:46:00+02:002011-03-17T23:37:34+01:00LomalarchPersonnalisations<p>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.</p> <p>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... <a href="https://themes.dotaddict.org/kit2/post/2007/10/08/3-Le-fond-de-fenetre"><em>Lire</em> 3. Le fond de fenêtre</a></p>2. Choisir une palette de couleursurn:md5:74b681e845814f6344bde709af9b64802007-10-01T16:00:00+02:002007-11-16T07:13:34+01:00KozlikaPersonnalisations<p>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.</p> <p>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... <a href="https://themes.dotaddict.org/kit2/post/2007/10/01/2-Choisir-une-palette-de-couleurs"><em>Lire</em> 2. Choisir une palette de couleurs</a></p>1. Choisir la structureurn:md5:cbb7cf2e0dda4e4ab5162f02ceb074cf2007-10-01T15:00:00+02:002007-11-11T20:22:04+01:00KozlikaPersonnalisations<p>Après avoir installé le thème selon la procédure habituelle décrite dans la <a href="https://themes.dotaddict.org/kit2/post/2007/10/01/">documentation</a>, la première étape de votre personnalisation consistera à choisir quelle structure générale de mise en page vous souhaitez pour votre blog.</p>
<p>Pour ce faire, il faut suivre les trois étapes décrites dans ce billet :</p>
<ol>
<li>choisir la structure parmi les quatorze proposées</li>
<li>l'activer via la feuille de style</li>
<li>éventuellement y apporter quelque variation</li>
</ol> <p>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... <a href="https://themes.dotaddict.org/kit2/post/2007/10/01/1-Choisir-la-structure"><em>Lire</em> 1. Choisir la structure</a></p>Un billet de testurn:md5:3e2a465f6762c2c6a156923a0e21fd832006-04-18T10:25:00+00:002007-10-13T18:41:21+00:00KozlikaPersonnalisationsbalises wikifaux texte<p>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 (<a href="http://www.lipsum.com/" hreflang="en">ipsum generator</a>), 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 <acronym title="HyperText Markup Language">HTML</acronym>.</p> <p>Titre de niveau h3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed scelerisque euismod leo. Donec magna (balise <strong>). 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... <a href="https://themes.dotaddict.org/kit2/post/2006/04/18/Un-billet-de-test"><em>Lire</em> Un billet de test</a></p>