Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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");}
avatar

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;}
avatar

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 =/
avatar

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
avatar

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.
avatar

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 ?
avatar

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 !!!
avatar

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
avatar

Scipion
Membre actif

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

https://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
avatar

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
avatar

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
avatar

Scipion
Membre actif

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

https://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://i.servimg.com/u/f48/16/68/49/33/sans_t15.jpg

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

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
avatar

Scipion
Membre actif

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

https://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 !
avatar

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