Image de fond en bas

par STeFaNiLHeM Mar 27 Sep 2011 - 21:13

Bonjour j'aimerais insérer une image de fond en bas de mon forum, j'ai essayé 2 de vos tuto ça ne donne pas ce que je veux...

J'ai essayé celui ci par les Templates : https://forum.forumactif.com/t289339-comment-mettre-une-image-en-bas-du-forum

L'image que je veux mettre n'a pas vocation d'image c'est un fond en faite, qui fait 2000px de large. Donc en l'insérant avec ce tuto ça me déforme la page

Et j'ai essayé celui ci par le CSS : https://forum.forumactif.com/t305010-une-image-en-pied-de-page
Alors là l'image reste un simple bandeau, qui s'affiche seulement sur le bas du forum, et au niveau de Panneau d'administration il n'y a plus rien.

Moi j'aimerai que l'image soit comme un fond, qu'elle remonte sous les forums.

J'ai essayé de mettre deux codes CSS body avec les paramètres adéquates mais ça ne m'en affiche qu'un des 2.

par kheino Mer 28 Sep 2011 - 9:47

Bonjour,

Peux-tu donner l'url de ton image ?

par STeFaNiLHeM Mer 28 Sep 2011 - 11:23

Final-Blond a écrit:Bonjour,

Peux-tu donner l'url de ton image ?

Pour quelle raison ? :-)

par kheino Mer 28 Sep 2011 - 12:37

"Pour mieux manger la manger (ton image) mon enfant !"

Plus sérieusement : pour pouvoir mieux t'aider.
Faire des essais, etc.
T'attends-tu à ce que je crée une image à tes dimensions, ou que je fouille la toile pour en trouver une alors que c'est toi qui demandes à être aidée ?

par STeFaNiLHeM Ven 30 Sep 2011 - 0:55

Non non c'est que normalement les codeurs donnent les codes sans avoir besoin de faire d'essai, vu que c'est assez mathématique quand on s'y connait et que je pense que c'est assez simple à faire comme code, donc je ne voyais pas pourquoi ^^

Tiens tu peux essayer avec celle ci :

Merci

par tupac Ven 30 Sep 2011 - 1:40

Bonsoir

Essayez avec ce code,vous pouvez remplacer le SCROLL par FIXED pour fixer l'image.

A placer dans votre feuille de style css.

Code:: body{ background-color: #000000; background-image: url( votre image ici ); background-position: bottom center; background-repeat: no-repeat; background-attachment: scroll; }

par kheino Ven 30 Sep 2011 - 6:51

STeFaNiLHeM a écrit:Non non c'est que normalement les codeurs donnent les codes sans avoir besoin de faire d'essai, vu que c'est assez mathématique quand on s'y connait et que je pense que c'est assez simple à faire comme codei

Kikadi que j'étais tout ça ? Mr. Green

Mon pseudo (en anglais) dit tout de moi... Gloups

Sinon le code du Tupac devrait t'aider, mais il comporte quelques erreurs en "bon css" :

tupac a écrit:
Code:
body{ background-color: #000000; background-image: url( votre image ici ); background-position: bottom center; background-repeat: no-repeat; background-attachment: scroll; }

Le code s'écrit plus simplement et pour la parenthèse de l'image :

body {
background: #color url('url_image') bottom center no-repeat; /*ou repeat-x pour répétition horizontale, repeat-y pour verticale*/
Background-attachment: scroll;
}

par STeFaNiLHeM Ven 30 Sep 2011 - 10:28

Merci à vous deux.

En faite j'avais déjà fait plus ou moins la même installation de fond que celle là, mais le problème est qu'elle m'enlève le fond au haut.

En faite j'aimerais deux fonds

- un du haut qui reste tout le temps
- et un du bas quand les pages sont longueeeeeeeeeeeees que je descend jusqu'en bas

Mais du coup je me demande si c'est vraiment faisable...

par kheino Ven 30 Sep 2011 - 15:16

Si c'est possible avec une petite pirouette au niveau des templates, si je me souviens bien.

Essayons...
Tout d'abord, l'image que tu veux en haut, il faut la mettre dans :
Gestion des images > Image du fond de page > cocher "scroll"

Dans le template overall_header, après ces variables du background, on va ajouter une "div" avec un attribut pour la deuxième image de fond :

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <div id="bodybottom" style="padding: 0px; margin: 0px">

Que l'on va refermer dans le template overall_footer juste après la dernière fermeture de la page
"/table" :

Code:: {PROTECT_FOOTER} </td> </tr> </table> </div>

Dans le CSS on reprend le code plus haut avec le bon attribut et identifiant :

#bodybottom {
background: #color url('url_image') bottom center no-repeat; /*ou repeat-x pour répétition horizontale, repeat-y pour verticale*/
Background-attachment: fixed;
}

par STeFaNiLHeM Ven 30 Sep 2011 - 16:59

En effet ça "marche" pour le principe mais ça ne donne pas du tout ce que j'imaginais, les deux fonds se mélangent et le fond de bas ne prends pas tout le bas de la page il s’arrête à "Panneau d'Admin" donc y'a un gros bandeau blanc

Quand la page est très longue ça peut aller mais quand la page est courte (sans besoin de barre de défilement par exemple) j'ai le fond du bas qui se met sur le fond du haut.

Ça n'est pas grave je vais rester ainsi, ce n'était qu'un "+" je vous remercie quand même d'avoir cherché pour moi :-)

Image de fond en bas

Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas

Re: Image de fond en bas