Modif CSS : Elargir votre blog

De base le blog fait 770 pixels de large. Les PC sont maintenant , pour la plupart en 1024 voir 1280. Vous voulez mettre des images plus larges , il faut donc élargir votre blog. Cela se passe dans le CSS.
Vous avez dans le Menu de l'Admin, a droite :
Mode avancé : HTML et CSS , cliquez dessus et sur :
Feuille de style CSS. jusque là tout va bien
A faire avant chaque modif de votre CSS:
Sélectionner tout le texte qui est dans la fenêtre ( avec les touches 'CTRL +A' et 'CTRL + C'
ouvrez le bloc-note de windows, ou word :
coller le texte avec 'CTRL + V' ou a la souris
Enregistrez votre fichier : "sav_CSS_original"
Et celui là vous ne le modifiez pas, si vous avez un problème , vous reprenez votre texte sauvegardé et le recoller dans la fenêtre de l'admin

Maintenant , regardez en bas de la page de CSS, juste au dessus du bouton "ENREGISTRER"
cocher "utiliser ma feuille de style modifiée"
Cela permettra a votre blog de prendre vos modifications en compte,
si vous avez un probleme , vous re-décochez cette case.

Maintenant les modifications à faire:
Elles sont au nombre de 3:
Nous allons faire un blog de 1000 pixels de large

1ère modif:


vous voyez sur cette image la modification à faire
C'est au tout début de votre CSS, voir le début de ligne "body....
il est écrit '770' mettez '1000'

2ème modif:


vous voyez sur cette image la modification à faire
plus bas dans votre CSS, voir le début de ligne :
" /* Variables propres au template */
dessous il est écrit width :'770' mettez '1000'

3ème modif:


vous voyez sur cette image la modification à faire
plus bas dans votre CSS, voir le début de ligne :
/* VARIABLES PROPRES AU TEMPLATE */
et dessous :

#menu {float:left;width:185px;}
#centre {float:right;width:555px;padding:10px; padding-right:5px;}

vous modifiez le '555' par '785'
pourquoi 785 :
vous avez 1000pixels pour afficher votre blog.
la colonne de gauche le menu fait 185 pixels
les différentes valeurs padding etc..font (10+5+5+10)=30pixels

En principe c'est terminer , un petit signe de croix, du sel derrière votre épaule droite, de l'ail , en fait toute la panoplie du parfait programmeur-qui-a-toute-confiance-en-lui

et vous cliquer sur "ENREGISTRER"
regarder votre blog , vite
ok , ouf ça marche
sinon , ben , refaite un nouveau blog, non, je rigoles
enlever la coche ( voir en haut) et éventuellement recoller votre texte original .

Dany enChine ,tes explications sont très belles mais je t'avoue que je n'ai rien compris
En fait,c'est mon premier blog et je n'ose pas tout trafiquer .Je vais donc essayer d'écrire au moins une page !!!!
Mais j'ai bien compris par contre l'histoire des porte-bonheur et vais donc chercher en plus quelques pattes de lapin,trèfles à 4 feuilles et fers à cheval !!!
Les initiés eux te remercieront

Oui merci Dany : j'ai mis une petite étoile pour cette explication.

C'est plutôt bien expliqué, mais c'est vrai que pour les non intités, cela peut paraitre ... du chinois

Il faut préciser aussi que tu es parti d'un template en particulier (certainement le premier) et que selon celui qui est choisi la largeur diffère... Donc là où tu dis par exemple "il est écrit '770' mettez '1000'", la valeur peut être en réalité différente de 770.

Oui c'est que dès que l'on veut faire de la programmation, c'est compliqué, ou semble compliqué.
Difficile de faire plus simple.
Le principal est la sauvegarde , et heureusement, il y a toujours le retour en arrière.

AU SECOURS !!!

Comment fait-on pour mettre des photos sur son blog ?
Pour le moment,elles sont sagement rangées sur mon disque dur et lorsque je tape sur l'icone image ,on me demande URL ...

Existe-t-il un livre style "....pour les nuls " où je pourrais apprendre à insérer des photos ou autres documents ?

Merci de votre patience ...

Il y a un onglet juste à côté qui vous permet d'insérer une photo à partir de votre ordinateur.

Oui, moi aussi j'ai mis du temps pour le trouver. L'onglet se trouve parmi tous les autres boutons telles que "la Police" ou la "Taille " des caractères.
Amusez vous bien avec votre blog

HOUUUUUU, désolée pour les fautes!

Merci à tous
J'ai bien trouvé l'icone "insérer une image" puis l'onglet permettant d'importer une image ,mais je dois faire une erreur de manip dans mes copier/coller car je n'ai eu qu'un petit carré sur la page et pas d'image .
Faut il aussi mettre des balises dans l'adresse et si oui,que taper ?

Bref,je crois que mon blog sera bien triste sans images ...

Sinon,j'ai vu une vidéo sur http://www.photomaniak.com Quelqu'un a-t-il essayé d'importer des photos de cette façon ?

Merci ...

Michelem pas de panique , Zor..


1- tu cliques sur l'icone "ajouter une image"
2- une petite fenêtre s'ouvre
3- tu cliques sur l'onglet du milieu:"envoyer une image"
4- tu cliques "parcourir" ,cela va d'ouvrir ton (tes) disques dur sur ton PC
5- chercher où tu as rangée ton image
6- choisir ton image que tu veux afficher et valider
7- tu dois être revenu dans la fenêtre de ton Admin
8- cliquer sur le bouton "envoyer l'image"