Attacher une image au bas de la page

4 participants

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

Résolu Attacher une image au bas de la page

Message par Gazzia29 Mar 29 Mai 2012 - 18:46

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é :
Code:
body {
background: url('http://img442.imageshack.us/img442/1613/pierrek.png') repeat-x bottom
(le tout bien sur intégré dans mon css que voici)

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 - 9:17, édité 4 fois
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Bella♥ Mar 29 Mai 2012 - 19:25

Bonjour,
Avez-vous essayez de placez le code dans le template du bas de page ?

~Cordialement~
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Mer 30 Mai 2012 - 11:03

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. Confused
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Jeu 31 Mai 2012 - 15:03

UP ! Smile
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Lun 4 Juin 2012 - 17:27

Up !...
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gourmandises Lun 4 Juin 2012 - 17:52

Bonsoir,

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)
Gourmandises

Gourmandises
***

Messages : 134
Inscrit(e) le : 23/05/2012

https://forum.forumactif.com
Gourmandises a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Lun 4 Juin 2012 - 18:20

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

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Mar 5 Juin 2012 - 15:48

Up...
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Mer 6 Juin 2012 - 12:23

Up.
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Sam 9 Juin 2012 - 10:44

Up
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Dim 10 Juin 2012 - 7:21

Up !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Mer 13 Juin 2012 - 10:55

UP !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Ven 15 Juin 2012 - 16:24

UP !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Lun 18 Juin 2012 - 16:47

UP !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Mer 20 Juin 2012 - 12:07

UP !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Jeu 21 Juin 2012 - 14:43

Up... !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Ven 22 Juin 2012 - 17:02

Bon, c'est pas que je m'impatiente, mais UP ! Evil or Very Mad Evil or Very Mad Evil or Very Mad
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Sam 23 Juin 2012 - 6:44

UP.
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Dim 24 Juin 2012 - 12:56

UP !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Threax Lun 25 Juin 2012 - 12:15

Bonjour,

Gazzia29 a écrit:Bon, c'est pas que je m'impatiente, mais UP ! Evil or Very Mad Evil or Very Mad Evil or Very Mad
Ça y ressemble, pourtant cat

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".
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Lun 25 Juin 2012 - 14:55

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)

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
        }
Mais, comme je l'ai dit, il ne marche pas, donnant un fond marron a la place des images du background.

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)
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Mar 26 Juin 2012 - 17:28

Up :S
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Mer 27 Juin 2012 - 8:08

Up.
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Ven 29 Juin 2012 - 10:09

UP !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Dim 1 Juil 2012 - 10:25

UP !
Gazzia29

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Threax Dim 1 Juil 2012 - 14:25

Bonjour,

En gros vous voulez ça ?
Attacher une image au bas de la page Avat10

J'ai juste mis votre CSS pour obtenir ce résultat... scratch
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Lun 2 Juil 2012 - 5:51

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

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Attacher une image au bas de la page

Message par Gazzia29 Lun 2 Juil 2012 - 9:17

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

Gazzia29
***

Masculin
Messages : 139
Inscrit(e) le : 13/04/2012

http://drakacraft.rpgboard.net/
Gazzia29 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum