Comment centrer l'image de fond de page ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment centrer l'image de fond de page ?

Message par cflonflon le Jeu 26 Aoû 2010 - 15:20

Bonjour,

Je viens de suivre votre tuto expliquant comment changer le logo du forum par une image de fond. J'ai pratiquement réussi !! Il me reste une dernière chose à faire: centrer cette image de fond.
Actuellement : http://guildelarosenoire.forumpro.fr/portal.htm

J'ai découvert avec ce tuto la feuille de style CSS, et voici le code qui s'y trouve:

/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url(https://i86.servimg.com/u/f86/11/86/76/84/hors_l10.jpg);
background-repeat : no-repeat;
background-position : center;
min-width: 150px;
width: 150px;
min-height: 20px;
height: 20px;
}body {
background-repeat: no-repeat;
}


J'ai cherché sur le forum, mais n'est pas trouvé réponse à ma question.
Pourriez-vous me dire ce que je dois modifier, pour que l'image soit bien centrée, svp?
Par avance, merci.

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer l'image de fond de page ?

Message par Renald le Jeu 26 Aoû 2010 - 15:27

Bonjour dans le body rajoute
body {
background-position:top center;
}

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer l'image de fond de page ?

Message par cflonflon le Jeu 26 Aoû 2010 - 15:34

Ah cool ça marche !!
Je l'avais vu quelque part ce top center alors j'avais ajouté top au background-position: center qu'il y avait déjà, mais ça n'avait pas fonctionné.
Trop bien, merci pour votre aide.
Encore une petite question: si je veux élargir la bannière, il faut que j'en refasse une autre plus grande, ou il y a moyen de l'adapter sur toute la largeur du forum ? (quelque soit la résolution de l'écran) ?

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer l'image de fond de page ?

Message par Renald le Jeu 26 Aoû 2010 - 15:52

Disons que ça doit s'adapter tout seul je pense.
Si votre fond fait 1000px et que votre ecran en fait 1200 avec le background-position: top center vous devriez avoir le fond qui est toujours centré mais avec une bande blanche de 100px de chaque coté.
si vous ne voulez pas de ses bandes blanches alors oui il faut refaire un fond plus grand.
Attention je ne suis pas un pro mais il me semble que ça doit etre ça Wink lol

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer l'image de fond de page ?

Message par cflonflon le Jeu 26 Aoû 2010 - 16:03

Je vais essayer et je vous tiens au courant.
Merci.

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer l'image de fond de page ?

Message par cflonflon le Jeu 26 Aoû 2010 - 16:53

J'ai refais en 1000 px de large et ça semble bien se placer.
Il me restera juste à faire un essai sur un ordi ayant une plus petite résolution pour voir si la taille de l'image suit.
Encore merci pour votre aide, et je pense que vous pouvez classer ma demande en résolu Wink

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment centrer l'image de fond de page ?

Message par Renald le Jeu 26 Aoû 2010 - 16:57

ça c'est a vous de le faire en éditant votre premier message vous pourrez le mettre en résolu Wink

Pour la résolution vous pouvez le faire vous-meme.
si vous etes sous windows vista sur le bureau clic droit puis "personnaliser" et "parametres d'affichage" la vous pourrez réduire la résolution pour voir ce que cela donne.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum