J'ai ouvert un blog spécialement dédié à la gestion des css. J'essaierais d'entrer plus en détail dans le css, avec des bouts de code et des design complets : design-css.i-clic.net

Mais j'avoue que j'apprends un peu en même temps, et comme je suis pas un kador en design, les exemples sont pas forcément géniaux. Cela pourra toujours servir de base à d'autres développements.

Si certains ayant développé un design sympa veulent bien le rendre disponible à tous, qu'ils me contactent pour que je l'affiche sur ce blog. Un lien vers leur blog accompagnera bien sur le code du design :-)

a++

Après avoir effectué les personnalisations simples, des menus, de l'en-tête, du message d'accueil... on peut pousser plus loin la personnalisation de son blog en modifiant la feuille de style qui créée le design du blog.

Allez dans "Design" dans le menu du haut, puis "Modifier le css" en bas à droite, et cocher la case "Je souhaite modifier moi même le fichier css".

Je ne vais pas détailler toutes les orérations possibles, car elles sont infinies, et que le code est bien commenté, ce qui permet de s'y retrouver facilement.

Vous pouvez tout d'abord changer des couleurs, pour vous faire la main. Les couleurs sont en code hexadecimale. Vous pouvez vous servir du nuancier d'a-ton-site.com pour trouvez les valeurs correspondantes.

Pour changer la couleur des liens par exemple, trouvez en haut du code la balise
a {text-decoration:underline; color:#7D7D55; font-size:110%;}
et remplacez la valeur de color.
Changez aussi la background-color du body, du header et du top (plus bas dans le code)...

Vous pouvez aussi gérer la disposition des colones, les tailles, polices, justification...

N'oubliez pas d'enregistrer votre feuille de style une fois modifiée.

Je tacherais de donner quelques astuces css en plus prochainement.

a++

Pour aérer vos articles, faciliter la lecture et pour donner envie de lire votre prose, je vous conseil vivement de sauter des lignes régulièrement.

Rien de plus simple me direz vous ?
En fait, une norme existe sur la plupart des systèmes de blogs, qui peut tromper les débutants blogeurs :

Le saut d'une seul ligne dans l'éditeur de texte, pour les articles et/ou les commentaires, n'est pas pris en compte. Cela permet par exemple de sauter des lignes pour aérer son code, sans que ce soit visible à l'affichage.
Par contre, le saut de 2 lignes est pris en compte.

Pour revenir simplement à la ligne, il faut dans ce cas utiliser la balise <br /> à placer après le point par exemple.

a++

Vous pouvez depuis l'administration de votre blog en personnaliser le design très facilement :

• * dans la rubrique "Design", plusieurs modèles de différentes couleurs vous sont proposés. Cliquez sur "Séléctionner" pour en choisir un.
• * dans la rubrique "Configuration", vous pourrez déterminer le nombre d'article par page, et dans le sous menu en bas à droite, vous gérerez le message d'accueil de votre blog.
• * dans la rubrique "Modules", vous pouvez personnaliser l'entête et le pied de page de votre blog.
• * modifiez aussi le nom des différents modules, en cliquant dessus
• * personnaliser les infos et la photo du blog dans "Mon profil"

...

Pour poursuivre la personnalisation du design de votre blog, il va falloir modifier la feuille de style (le css).
A suivre au prochain billet :-)

a++