Image fond du forum

par Chaton90 Dim 23 Fév 2014 - 9:39

Bonjour ^^

Alors voilà, j'ai un petit soucis, je voudrais mettre un fond d'image personnalisé à mon forum. Petit soucis, j'ai beau cherché des images énormes, celle-ci, lorsque je les mets en place ne remplisse que la moitié ou les trois quarts de mon forum.

Voici une image pour en faire la démonstration:

J'aimerai pouvoir mettre en place une image fixe, qui ne bougera pas lors du défilement de haut en bas de l'écran, mais aussi qui remplisse tout mon fond d'écran ^^.

Je vous remercie de l'attention portée à ma requête;)

Chaton.

par Invité Dim 23 Fév 2014 - 10:22

Bonjour,

Pour ce qui est du fixage de l'image de fond j'avais donner une réponse dans un sujet, il faudrait aller dans le Panneau d'administration :

Si vous essayez de cocher " Fond de page fixe " Dans P.A << Affichage << Images et couleurs << Gestion des images << Image du fond de page
Cela fixe comme prévu le background ?

Pour le problème de l'image qui ne prend pas tout l'écran là je n'en ai aucune idée à moins d'aller vérifier dans la feuille de style CSS et de vérifier ce qu'il y pourrait y avoir à l'élément body

Cordialement

par Chaton90 Dim 23 Fév 2014 - 12:17

Bonjour Appolyon et merci d'avoir pris de le temps de répondre à ma question Wink

Alors pour le fond de page fixe ça ne marche malheureusement pas. Je pense que cela arrangerai tout si je pouvais fixer cette page car ensuite j'aurai juste à dimensionner l'image à la taille de mon écran et le tour sera joué ^^.

par Chaton90 Lun 24 Fév 2014 - 20:30

Petit up et aussi pour dire que j'ai un petit peu plus d'élément pour vous aidez à m'aider lol.

Le soucis viens de la feuille de style css puisque lorsque je supprime celle-ci, l'image reste fixe, comme je le désire.

Voici le code présent dans le css:

body
{ background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("https://i.servimg.com/u/f62/13/52/25/78/cadre_17.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.topiclist dl.icon {
min-height: 30px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 30px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 30px;
}
ul.pmlist dt {
padding-left: 30px;
}
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-image: url('https://i.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
}
.forumbg {
background-color: #;
background-image: url('https://i.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
}
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

.headerbar span.corners-top { background-image: none; }
.headerbar span.corners-top span { background-image: none; }
.headerbar span.corners-bottom { background-image: none; }
.headerbar span.corners-bottom span { background-image: none; }

a.button1, input.button1 {
font-weight: bold;
border: 1px solid #156389;
}
a.button2, input.button2, button.button2 {
border: 1px solid #156389;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("https://i.servimg.com/u/f62/13/52/25/78/pf112.jpg");
background-repeat: repeat;
background-position: top left;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("https://i.servimg.com/u/f62/13/52/25/78/pf212.jpg");
background-repeat: repeat;
background-position: top left;
}
.navbar a:hover:after {
content: ".";
}