Afin de procéder à une mise en page saine, il est préférable de préparer certaines valeurs standards. Ici, on va commencer par s'occuper d'un problème important : la taille de la police. Selon vous, cet aspect est anodin ? Regardez alors ce très bel article. Il est certes long, et parfois compliqué, mais après, promis, vous ne vous regarderez plus jamais les sites comme avant !

Ensuite, j'établis une configuration identique pour toutes les boites, grâce à l'identification générale, qui permet d'attribuer automatiquement à toutes nos futures variables les mêmes informations. C'est, selon moi, souvent important de réduire certains risques liés à des espacements non contrôlés. Une astuce simple à mettre en place, et presque indispensable.

Enfin, j'ai voulu centrer mon site sur la page. Rien de bien compliqué non plus ici, mais si vous n'êtes pas sûr, lisez ce tutoriel très simple.

On obtiendra alors ceci avec une boite conteneur de 900 pixels de large:

* {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
text-decoration: none;
}
 
html {font-size: 100%;}
 
body {
font-size: .8em;
font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif;
}
 
#conteneur {
width: 900px;
margin: 0 auto;
}

Enfin, et afin que des infos apparaissent dans l'administration de votre blog, il est préférables de rajouter ces quelques renseignements (mis en commentaires) tout en haut de votre feuille.

/*
Theme Name: NeoSting.net
Theme URI: http://neosting.net
Description: thème de NeoSting
Version: 1.0
Author: NeoSting
 
Creation Theme by NeoSting || http://neosting.net
 
*/

Voilà, je ne vais pas m'attarder plus sur cette partie. Les CSS permettent, certes la mise en page, mais c'est à vous de trouver votre voie.