Leçon de mise en page pour les nuls : zoli fond sympa

On me demande souvent des conseils de mise en page, du comment mettre un joli fond, une radioblog, des images truc...etc...pour les blogs.
Je dois dire que ça me flatte (uhuhuh), mais bon, en fait, moi aussi je suis nulle, et le html à la base moi j'y connais rien, je me contente de chercher des tutoriaux, des lignes de code que je copie et que je colle, etc...

Mais puisqu'on me demande souvent, je vais commencer à donner quelques conseils pour mes collègues de chez canalblog, puisque je sais un peu (mais vraiment un peu) faire, et que comme je suis nulle, j'explique dans un jargon non technique, appréciable quand on est nul comme moi.

Leçon N°1 : mettre un zoli fond sympa.

1. Mode avancé : Tout d'abord, il faut être en mode "avancé" dans "apparences" (2e onglet en haut). Sinon, pour y passer (attention, opération irrévrsible, après, c'est plus que du code) il faut aller dans apparences > paramètres > et cocher la case Convertir ce modèle en type avancé. et faire valider, bien sûr.
2. L'image de fond : cette image de fond sera composée d'une seule petite image répétée en mozaïque (comme chez moi). Vous pouvez déjà en avoir une toute prête, sinon vous pouvez vous en fabriquer une sur bgmaker. Pour ce, il suffit de créer son ptit motif sur le site, de cliquer sur "save", d'enregistrer le ptit motif dans votre ordi, et voilou.
3. Enregistrer l'image dans canalblog : créez un nouveau message, insérez y l'image, cliquez sur "brouillon" en bas à gauche, puis sur "poster & publier".
4. Copier l'adresse del'image : aller dans outils > gestion des fichiers > images et cliquez avec le bouton de droite de la souris sur le nom de votre image sur "paramètres" vous y trouverez l'adresse de votre image qu'il faudra ensuite insérer. Selectionnez et copiez.
5. Changer l'image de fond : aller dans apparences > éditer les fichiers de ce modèle puis dans le menu déroulant, choisir :  "Feuille de style générale". Dans toutes ces lignes de codes incompréhensible pour toi et moi, il y a la quatrième qui est background-color: #9C5E8A; (ou une autre série de chiffres), il faut la remplacer par : background-image: url("adresse de l'image");background-repeat:repeat-y, repeat-x;
6. Valider
7. Éventuellement : Hurler que ça n'a pas marché
8. Venir me poser une question désespérée le cas échéant

C'était bien long à expliquer dans le langage des nuls, les pros du code doivent bien rigoler (les ignorer, y a un début à tout).

Comments

[lol_liipop]

Merci merci, tes conseils m'ont vraiment aidé car avant je n'y comprenais absolument rien !! = )

[ptitemaman]

TROP TROP méchant ce site!!!
faut que j'essai de suite, parce que là...c'est pas du tout gagné!

je suis une trés trés nulle, et bien contente qu'une bonne âme ne s'occupe enfin pas seulement QUE de l'élite des codes!
en nous parlant extraterrestre.
d'autant diront donc certainement que nous donner toutes ces astuces, c'est donner du lard au cochon, n'empêche : c'est top!!

[Krustyz]

Bon déjà bonjour^^ je trouve ça sympa que t'aies fait un article pour aider les nuls pour faire leur blog donc merciii :):)
Personnellement je suis nulle à souhait, j'ai vraiment l'impression d'être attardée mais ça fait je sais pas combien de temps que j'essaye de mettre une image en fond et que ça marche pas !!!!!
Est-ce que tu pourrais s'il te plaît me dire ce qu'il ne va pas?

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #FFFFFF;
background-image: url("http://img131.imageshack.us/img131/420/motifkiss012ta9.jpg");background-repeat:repeat-y, repeat-x;
}

Merci d'avance et bonne continuation pour ton blog :)

[pauline]

Merci merci merci MERCI !

grace à toi le Blog de ma fille a un superbe fond fleuri!

[La p'tite fée]

Bah moi j'déprime j'ai tout fait comme il fallait et pffff rien !!!
Mais bon c'est très bien expliqué mais j'dois être trop nul !!!
Help me !!!