Partager l'article ! [v2.0] Paramètres d'un fond d'écran: Paramètres du fond d'écran La procédure décrite ci-dessus définit un fond avec les paramètres par d ...
|
Le blog qui apporte les réponses à vos questions sur OverBlog: publication, gadget... Plus de 1 000 000 blogs sur OverBlog 37801 personnes connectées (ici: 1 ) Follow-me on Twitter |
Dimanche 3 juillet 2005
7
03
/07
/Juil
/2005
00:00
-
Publié dans : Fond du blog
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.
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.
Commentaires
Rechercher
Liste d'articles
- Ce n'est qu'un au revoir
- Barre OverBlog
- Images et fichiers: mise à jour
- Le partenariat nouveau est arrivé
- OpenOB, comment participer à OverBlog
- Top des blogs - Classements
- Le portail d'OverBlog fait peau neuve
- Facebook, Twitter, Wikio et autres annuaires
- Gestion des designs - Personnaliser son thème
- Gestion des images - Taille et optimisations
Gilbert
SVP aidé moi... merci d'avance
dans ton cas:
background-position: top left; background-repeat: fixed;
Il fallait lire:
background-attachment: fixed;
Soit c'est moi ki suis totalement nule ou alors c'est toi qui a un gros coup de fatigue lol
Chez moi ca donne sa:
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image: url(http://3lacsesv.cstrois-lacs.qc.ca/Pédagogie/Programme_AET/fond-stage.jpg); background-position: top left; background-attachment: fixed; }
il y a le fond d'écran et le truc que tu m'as donné... j'ai mis comme jpensai etre juste mais j'sai pas si c'est le cas...
background: url(http://....jpg) top left fixed;
Pardonnez-moi, je suis novice je suis en confiance puis-je mettre un fond d'écran avec une photo perso et comment faire. Expliquez-moi pas à pas pour que je comprenne. Merci bcp
kikou !
comment on fait pour avoir le modèle et le fond d'ecran ??
car mon blog c'est un désastre !!
merci
Déjà quand je vai prendre l'url dans les fichier, quand je click sur la loupe pour agrandir l'image, elle ne s'agrandi qu'a moitié...cela joue p-t...
Quelqu'un peut m'aider a mettre sa taille réelle?
Donc je resterai etternelement avc une petite image...dommmage...
Y a pas un moyen de l'agrandir? ( a part devenir premium je supose >.> )
Bonjour
Est-ce possible de mettre un fond seulement sur les colonnes de droites et gauches (où sont positionnés les modules) mais pas au milieu (où apparaissent les articles) ?
Merci beaucoup
bonjour,
Desoler mais je ne comprend pas, j'eesay de mettre mon image de fond en fix, pour pas qu'elle defile. Mais quand je rentre le code l'image disparait. Quelqu'un pourait maider? merci !
Voila ma ligne ke j'ai :
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-attachment:fixed;url(http://idata.over-blog.com/0/40/74/46/fond-d--ecran.jpg); }
Et je voudrai ke mon fond d'ecran, reste imobile, et qui ne defile pas. Merci de m'aider !
merci, mais je vien de le fer et maintenen mon fonc a disparu, je remet la ligne que j'ai maintenen :
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:fixed;url(http://idata.over-blog.com/0/40/74/46/fond-d--ecran.jpg); }
merci de m'aider
Mais un espace quand meme ;)
ligne :
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background:fixed url(http://idata.over-blog.com/0/40/74/46/fond-d--ecran.jpg); }
Voila ma ligne, mais je trouve kan meme un ecran blan, ceci est normal, il faut laisser un petit temps ?
merci de m'aider ^^
JE TEN REMERCI !!!!
CECI MARCHE !!!
POUR te remercier jte propose denvoyer une logo de ton site a cette adresse : tokio-hotel-site@hotmail.fr et je ferai de la pub!
merci encore !
Bonjour, merci pour votre site indispensable.
Je souhaiterais étirer l'image de fond d'écran. Est-ce possible??
Merci d'avance!
Salut !
Je voulais d'abord te remercier pour ce site qui m'a déjà sauvé la vie plus d'une fois (ou toutefois m'a donné de bonnes idées pour améliorer mon design !).
J'ai quand même un petit souci : je n'arrive pas à fixer mon image de fond. Voilà ma ligne : body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background: url(http://img170.imageshack.us/img170/5227/angelaf7.jpg) fixed top right no-repeat; }
Je ne sais pas ce que j'ai mal fait (j'ai essayé plusieurs trucs) !!
Je te jure que non !!! :-((
Tu la voies fixe toi ?
bonjour, tout d'abord merci pour votre site, car moi qui n'y connais rien, c'est ttrès très pratique !!!
J'ai juste un petit problème pour mon fond d'écran, je voudrais qu'il ne se répète pas, or quand je met no-repeat ca ne marche pas, l'image ne s'affiche plus...
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image: url(http://idata.over-blog.com/0/16/86/54/chien--vieux.jpg)no-repeat }
et quand je mais bottom right fixed à la suite ca ne marche pas nonplus, à vrai dire.
Merci de me dire ce qui ne va pas...
si tu mets background-image, il faut rajouter background-repeat: no-repeat ;)
J'aimerai que mon fond d'écran mais aussi tous les fonds de mes articles soient de la même couleur, or là je n'ai que les côtés et au milieu c'est blanc !
voila g suivi toutes vos instruction; j'ai un fond tras bien ki ne bouge pas mé mon probleme c'est ke celui ci ne safiche pas sur la 1ere page. il ne s'affiche ke sur les autres pages apres avoir cliqué sur des lien . regardez http://vincent-gallery.over-blog.com/
j'aimerais savoir comment ragler ce probleme car g suis assé maniac.
marci d'avance
Et si j'ai déjà répondu sur ton fil dans le forum, c'est que tu es en train de demander sur le forum..
help j'ai suivi chaque etape des commentaires et rien ne marche pouvez vous m'aider
j'ai remi tout comme c'etait voici:
body { margin: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: x-small; color: #00000;
background-image: url(http://idata.over-blog.com/0/38/70/50/tenue-traditionnelle/c3f4a27968f88516fc3ebe3821df.jpg); }
je souhaite une seule et unique image, et aussi pourquoi les autres la voit et pas moi je suis obliger d'aller sur un autre pc pour la voir
et rajouter un background-repeat: no-repeat; ....
Vu qu'over blog limite à 600px, il vaut mieux l'heberger ailleurs si tu es en confiance ;)
Voilà actuellemnt il y a ca dans ma config :
body {margin:0px; padding:0px; background-image:url(http://elftown.lysator.liu.se/2005rogue.jpg); background-repeat: no-repeat; color:#F83487; font-family:Verdana, Helvetica,Arial,sans-serif; font-size:x-small;}
Moi je voudrai qu'il soit en heut au milieu, et que l'image défile, mais voilà quand je rajoute top center scroll, je n'ai plus de fond d'écran, quand j'enlève background-image par background, idem plus d'image ??
Je suis larguée là !!
Et voila ;)
Je te remercie pour tout tes précieux conseils
ma ligne est :
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000; background-repeat: no-repeat;
url(http://accel5.mettre-put-idata.over-blog.com/0/51/98/72/naruto1-1280.jpg); }
url(http://idata.over-blog.com/0/51/98/72/naruto1-1280.jpg); }
Mais l'image est reduite si tu es en confiance ;)
si je prend une image plus grande y a quand meme moyen de la faire defiler avec la fenetre?
Si non, quesqu'il faut faire pour la repeter verticalement ?
De mémoire, sur la ligne #global, ou les suivantes ;)