Attacher une image au bas de la page
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Attacher une image au bas de la page
J'essaye d'attacher une image au bas de mon forum, attachée au body, donc, et répétée horizontalement.
J'ai essayé de trifouiller un peu le CSS et ça n'a pas marché, attachant l'image juste sous l'image supérieure (voire mon CSS plus bas)
Ce que j'avais essayé :
Mon CSS :
J'ai essayé de trifouiller un peu le CSS et ça n'a pas marché, attachant l'image juste sous l'image supérieure (voire mon CSS plus bas)
Ce que j'avais essayé :
- Code:
body {
background: url('http://img442.imageshack.us/img442/1613/pierrek.png') repeat-x bottom
Mon CSS :
- Code:
/*.*\ ---FOND DE LA PAGE--- (1 image répétée en haut à l'hrizontale ; 1 bloc de terre répété partout en dessous) \*.*/
body {
background:url('http://img33.imageshack.us/img33/9264/fondprintempsplolo.png') repeat-x top center,
url('http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png') repeat;
}
/*.*\ ---REGLAGE DE COULEUR DES LIENS SUR LES SPOILERS--- \*.*/
.spoiler_content {
color: #000;
}
.spoiler_content a {
color: #000;
}
/*.*\ ---BOUTONS ET AUTRES ARRONDIS--- \*.*/
input {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.spoiler_content a:hover {
color: #888;
}
Dernière édition par Gazzia29 le Lun 2 Juil 2012 - 11:17, édité 4 fois
Re: Attacher une image au bas de la page
Bonjour,
Avez-vous essayez de placez le code dans le template du bas de page ?
~Cordialement~
Avez-vous essayez de placez le code dans le template du bas de page ?
~Cordialement~
Re: Attacher une image au bas de la page
Désolé, je suis en Phpbb 3 et je ne crois pas qu'il y ait de templates dans cette version, sinon je ne les ais pas trouvées.
Re: Attacher une image au bas de la page
Bonsoir,
Dans votre code vous mettez deux adresse d'image pour un seul "background", etes vous certain que ça peut fonctionner ?
( je ne suis pas experte, mais ça me parait anormal)
- Code:
body {
background: url('http://img717.imageshack.us/img717/9264/fondprintempsplolo.png') repeat-x top center, url('http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png') repeat;
}
Dans votre code vous mettez deux adresse d'image pour un seul "background", etes vous certain que ça peut fonctionner ?
( je ne suis pas experte, mais ça me parait anormal)
Re: Attacher une image au bas de la page
Oui, ca marche déjà très bien (du moins pour l'instant) x) Enfin ce css m'a été proposé, car je suis définitivement une nouille dans tout ce qui est Css. La première url est celle de l'image du haut du forum, répétée horizontalement, et l'autre celle répétée partout dans le reste de la page.
Re: Attacher une image au bas de la page
Bon, c'est pas que je m'impatiente, mais UP !
Re: Attacher une image au bas de la page
Bonjour,
Je pense qu'il est plus simple de faire comme suit :
Ainsi vous êtes sûr que le fond apparaîtra bien en pied de page, et non en "pied d'écran".
Ça y ressemble, pourtantGazzia29 a écrit:Bon, c'est pas que je m'impatiente, mais UP !
Je pense qu'il est plus simple de faire comme suit :
- Code:
body {
background: url("http://img33.imageshack.us/img33/9264/fondprintempsplolo.png") repeat-x scroll center top transparent;
}
.conteneur_minwidth_IE {
background: url(http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png) repeat-x bottom center transparent;
position:relative;
top: 10px
}
Ainsi vous êtes sûr que le fond apparaîtra bien en pied de page, et non en "pied d'écran".
Re: Attacher une image au bas de la page
Je m'excuse mais je cois que je ne me suis pas bien exprimé x)
JE voudrais que le forum soit positionné a peu près comme le css suivant (qui ne marche pas)
Les positions des images comme il faudrait :
-fondprintempslolo.png = Image du haut, répétée selon l'axe x (fixe)
-fondprintempslolorepeat.png = Image petite répétée partout sur la page derrière toutes les autres (fixe)
-pierrek.png = Image répétée selon l'axe x tout en bas de la page (fixe)
JE voudrais que le forum soit positionné a peu près comme le css suivant (qui ne marche pas)
- Code:
body {
background: url("http://img33.imageshack.us/img33/9264/fondprintempsplolo.png") repeat-x scroll center top transparent,
url('http://img853.imageshack.us/img853/4055/fondprintempsplolorepea.png') repeat center;
}
.conteneur_minwidth_IE {
background: url('http://img442.imageshack.us/img442/1613/pierrek.png') repeat-x bottom center transparent;
position:relative;
top: 10px
}
Les positions des images comme il faudrait :
-fondprintempslolo.png = Image du haut, répétée selon l'axe x (fixe)
-fondprintempslolorepeat.png = Image petite répétée partout sur la page derrière toutes les autres (fixe)
-pierrek.png = Image répétée selon l'axe x tout en bas de la page (fixe)
Re: Attacher une image au bas de la page
Bonjour,
En gros vous voulez ça ?
J'ai juste mis votre CSS pour obtenir ce résultat...
En gros vous voulez ça ?
J'ai juste mis votre CSS pour obtenir ce résultat...
Re: Attacher une image au bas de la page
Exact. Bizzarrement, le résultat n'est pas le même chez moi.
A la place des 2 images du haut et milieu j'ai une couleur marron partout. Celle du bas aparait en partie, mais au tiers caché par le marron.
A la place des 2 images du haut et milieu j'ai une couleur marron partout. Celle du bas aparait en partie, mais au tiers caché par le marron.
Re: Attacher une image au bas de la page
Yay ! J'ai fait un mix des css qu'on m'a donné et ceux d'avant et ca marche parfaitement ! Merci beaucoup pour votre aide !
Sujets similaires
» Rajouter une image en-tête de la page d'accueil du forum & réorganiser cette page
» Changer l'image de fond de la page d'accueil en fonction de la résolution (pas le fond de page)
» Impossible d'attacher ma signature
» Image en bas de page
» Image en bas de page
» Changer l'image de fond de la page d'accueil en fonction de la résolution (pas le fond de page)
» Impossible d'attacher ma signature
» Image en bas de page
» Image en bas de page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum