Bannière en fond

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

Résolu Bannière en fond

Message par Pénélope Ranger le Mer 27 Juil 2011 - 14:14

Bonjour bonjour eh oui encore moi =P
J'ai essayé de mettre ma bannière en fond de page mais regardez ce que ça me fait :

http://harrypotterslife.forumgratuit.org

Mon CSS :
Spoiler:

Code:

/* cadre large */
.bodyline {
border: 6px solid #E1D0A9;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}

.spoiler {
background-color : #C5A67B ;
border : XXpx solid #C5A67B ;
-moz-border-radius: 2px 2px 2px 2px }

/*Qui est en ligne */
.tableauqueel{
background-color : #F7F2F0;
border : solid Xpx #F7F2F0 ;
-moz-border-radius : 2px 2px 2px 2px}

.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #D5C8C8;
padding-left : 10px }


.groupes{
background-color:#COLOR ;
border: 1px color #COLOR  ;
-moz-border-radius : Xpx XpxXpxXpx;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #998C8C  ;
text-decoration: none !important;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #EFEAD6;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.png');}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #ffffff;
}


body {
background-attachment:scroll;
background-color:#COULEURFOND;
background-image:url("http://i48.servimg.com/u/f48/16/68/49/33/bannia19.jpg");}

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par WwAaPpIi le Mer 27 Juil 2011 - 14:38

Bonjour,

Remplacer la partie :
Code:
.milieu {width: 90%; margin: 0px; border: 1px solid #EFEAD6;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.png');}

Par :
Code:
.milieu {width: 90%; margin: 0px; border: 1px solid #EFEAD6;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-image: url('http://nsa25.casimages.com/img/2011/03/12/110312033429943413.png');
background-repeat : no-repeat;}

WwAaPpIi
***

Féminin
Messages : 130
Inscrit(e) le : 28/06/2011

http://wonder-land.forumactif.fr/
WwAaPpIi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Pénélope Ranger le Mer 27 Juil 2011 - 14:46

Ca ne marche pas =/

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par WwAaPpIi le Mer 27 Juil 2011 - 17:14

Pourquoi ne pas mettre votre bannière dans l'endroit pour au lieu de s'embêter à la mettre dans le fond ? Confused

WwAaPpIi
***

Féminin
Messages : 130
Inscrit(e) le : 28/06/2011

http://wonder-land.forumactif.fr/
WwAaPpIi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Pénélope Ranger le Mer 27 Juil 2011 - 17:42

Ah ba je trouve q'une bannière dans le fond comme ici :http://hogwartschronicles.harrypotterrpg.fr/ c'est beaucoup plus jolie qu'installer normalement.

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Pénélope Ranger le Jeu 28 Juil 2011 - 19:12

Vraiment personne pour m'aider ?

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Pénélope Ranger le Ven 29 Juil 2011 - 19:02

UP please please please !!!

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Scipion le Ven 29 Juil 2011 - 19:19

Bonsoir

Pour vous permettre d'installer votre bannière en image de fond, je vous invite à appliquer les instructions du tutoriel FA suivant :

La bannière en image de fond

La recommandation principale étant que vous devez avant tout disposer d'une image transparente de hauteur équivalente à celle de votre image de fond.

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par WwAaPpIi le Ven 29 Juil 2011 - 22:30

@Pénélope Ranger : Oui, sauf que sur Hogwarts' Chronicles la bannière en fond à été faites via un logiciel de graphisme et le créateur l'a directement centré, alors pourquoi ne pas faire de même ? Wink

WwAaPpIi
***

Féminin
Messages : 130
Inscrit(e) le : 28/06/2011

http://wonder-land.forumactif.fr/
WwAaPpIi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Pénélope Ranger le Sam 30 Juil 2011 - 18:32

quand je fais ce que le tuto dit mon image n'est pas centrée

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Scipion le Sam 30 Juil 2011 - 22:49

Bonsoir

Veuillez mettre à notre disposition le lien de votre image de fond et celui de l'image transparente associée, pour test.

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Pénélope Ranger le Mar 2 Aoû 2011 - 15:55

oui désolé =/ :

image :https://i48.servimg.com/u/f48/16/68/49/33/sans_t15.jpg

transparent : https://i43.servimg.com/u/f43/12/93/23/80/imgtra10.gif

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Scipion le Mer 3 Aoû 2011 - 10:32

Bonjour

Votre bannière de fond s'est positionnée à gauche en raison de sa largeur relativement réduite (800px), or le tutoriel a été conçu pour une bannière de fond occupant toute la largeur du forum.

Pour corriger le problème : modifiez le code CSS lié à l'image de fond en rajoutant (background-position: top center;) et donc le code final à installer dans votre feuille de style personnalisée devient ainsi :

Code:
body {
background-position: top center;
background-repeat: no-repeat;
}
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en fond

Message par Pénélope Ranger le Mer 3 Aoû 2011 - 12:43

merci à vous !

Pénélope Ranger
****

Messages : 270
Inscrit(e) le : 21/08/2010

http://ranch-sauvage-texas.forumactif.org
Pénélope Ranger 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