Image de fond en bas

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

Résolu Image de fond en bas

Message par STeFaNiLHeM le 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 : http://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 : http://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.


Dernière édition par STeFaNiLHeM le Ven 30 Sep 2011 - 16:59, édité 1 fois

STeFaNiLHeM
***

Féminin
Messages : 125
Inscrit(e) le : 23/01/2010

http://www.sursmrsil.com
STeFaNiLHeM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par Final-Blonde le Mer 28 Sep 2011 - 9:47

Bonjour,

Peux-tu donner l'url de ton image ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par STeFaNiLHeM le Mer 28 Sep 2011 - 11:23

Final-Blond a écrit:Bonjour,

Peux-tu donner l'url de ton image ?


Pour quelle raison ? :-)

STeFaNiLHeM
***

Féminin
Messages : 125
Inscrit(e) le : 23/01/2010

http://www.sursmrsil.com
STeFaNiLHeM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par Final-Blonde le 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 ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par STeFaNiLHeM le 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

STeFaNiLHeM
***

Féminin
Messages : 125
Inscrit(e) le : 23/01/2010

http://www.sursmrsil.com
STeFaNiLHeM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par tupac le 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;
}

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par Final-Blonde le 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;
}

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par STeFaNiLHeM le 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...

STeFaNiLHeM
***

Féminin
Messages : 125
Inscrit(e) le : 23/01/2010

http://www.sursmrsil.com
STeFaNiLHeM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par Final-Blonde le 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;
}

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond en bas

Message par STeFaNiLHeM le 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 :-)

STeFaNiLHeM
***

Féminin
Messages : 125
Inscrit(e) le : 23/01/2010

http://www.sursmrsil.com
STeFaNiLHeM 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