Overblog Suivre ce blog
Administration Créer mon blog
30 août 2005 2 30 /08 /août /2005 00:00
Repost 0
3 juillet 2005 7 03 /07 /juillet /2005 00:00
Pour mettre un fond d'écran sur son blog, il faut éditer le CSS.

Mettre un fond d'écran

1. Importez votre image dans vos fichiers (méthode)

2. Allez dans l'onglet Mes fichiers, puis cliquez sur Images.

3. Cliquez sur la loupe pour afficher l'image en grand.

3bis. Faites un clic droit (contrôle-clic sous Mac) sur votre image, allez dans Propriétés, et notez l'adresse URL de votre photo.
Exemple : http://www.over-blog.com/4/3/1234/pics/monimage.jpg

4. Allez dans l'onglet Design, puis sur Modifier le CSS.

5. Dans la première ligne de votre CSS, (qui commence par body), repérez l'attribut background.

6. Remplacez tout le texte commençant par background et finissant au premier point-virgule par background-image : url(collez_l'URL_de_votre_image_ici) ;

7. Vous obtiendrez donc par exemple :
body { margin: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; color: #00000;
background-image: url(http://www.over-blog.com/4/3/1234/pics/maphoto.jpg); }


8. Enregistrez votre fichier CSS en cliquant sur Enregistrer.
Repost 0
3 juillet 2005 7 03 /07 /juillet /2005 00:00
Paramètres du fond d'écran
La procédure décrite ci-dessus définit un fond avec les paramètres par défaut: votre image sera répétée horizontalement et verticalement pour remplir tout le fond de l'écran. Si votre page est plus grande que l'écran, l'utilisation des ascenseurs fera aussi défiler votre fond d'écran.
Vous pouvez modifier ces paramètres en ajoutant des attributs supplémentaires :

Pour la répétition de l'image: (attribut background-repeat)
>> repeat : Répète l'image horizontalement et verticalement (comportement par défaut)
>> repeat-x : Répète l'image horizontalement
>> repeat-y : Répète l'image verticalement
>> no-repeat : Ne répète pas l'image
Exemple: body {...; background-repeat: repeat-x;...}


Pour le positionnement du fond: (attribut background-position)
>> top : Alignement de l'image avec le haut de la fenêtre
>> center : Alignement de l'image au centre de la fenêtre
>> bottom : Alignement de l'image avec le bas de la fenêtre
>> left : Alignement de l'image avec la gauche de la fenêtre
>> right : Alignement de l'image avec la droite de la fenêtre
Exemple: body {...; background-position: top left;...}


Défilement du fond: (attribut background-attachment)
>> scroll : L'image défile avec la page
>> fixed : L'image est fixe losque la page défile.
Repost 0
3 juillet 2005 7 03 /07 /juillet /2005 00:00
Pour mettre une couleur de fond d'écran, il faut éditer le CSS.

Mettre une couleur de fond
1. Allez dans l'onglet Design, puis sur Modifier le CSS.
2. Dans la première ligne de votre CSS, (qui commence par body), repérez l'attribut background.
3. Remplacez tout le texte commençant par background et finissant au premier point-virgule par background : #XXXXXX ; où XXXXXX est le code de la couleur que vous voulez mettre.
4. Vous obtiendrez donc par exemple :
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; color:#00000; background: #FF0000; }

5. Enregistrez votre fichier CSS en cliquant sur Enregistrer.
Repost 0
3 juillet 2005 7 03 /07 /juillet /2005 00:00
Comment étirer l'image pour qu'elle couvre tout l'écran ?
Le CSS ne permet pas l'étirement de l'image.


J'ai suivi toutes les indications mais l'image n'apparaît pas.
Videz votre cache : Ctrl + F5. (Cela est valable pour toutes les modifications de CSS).
Vérifiez que l'URL de l'image est correcte (collez-là dans la barre d'adresse du navigateur, l'image doit s'afficher).
Si l'image ne s'affiche pas, c'est peut-être une erreur de syntaxe dans le CSS (point-virgule manquant entre deux attributs, parenthèse ou accolade manquante, faute de frappe).
Enfin si tout est correct il se peut que le fond de l'écran soit recouvert par un élément qui possède lui aussi une couleur de fond et qui masque votre image.
Vérifiez que votre code est bien sur la ligne body, et pas sur la ligne input (cela arrive fréquemment car input est la dernière ligne du paragraphe commencant par la ligne body)


Puis-je mettre une image de fond sur d'autres parties de mon blog ?
Oui, les modules par exemple peuvent avoir une image de fond. Il suffit pour cela de remplacer dans la procédure body par .box (à l'étape 5)
Repost 0

Accueil

Rechercher

Texte Libre