Image de fond

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

Résolu Image de fond

Message par TaeYeon le Jeu 22 Juil 2010 - 16:25

Bonjour je voudrais mettre une image de fond dans mon forum mais elle ne fonctionne pas j'ai bien un code css qui est ceci

Code:
/* Le fond du bas :)  ! */
body {
background-attachment: fixed;
background-image: url("http://img7.hostingpics.net/pics/6287832.png");
background-repeat: repeat;
background-position: bottom center;

mais quand je change url rien ne se passe!!
il sagit de cette image
http://img10.hostingpics.net/pics/10491Capture.png

EDIT : et en faite je viens de voir que le fond ce mets à l'intérieur du forum et non sur la page d'accueil alors et t'il possible d'avoir un autre code car je voudrais en plus de celui de la page d'accueil laisser celui ci!


Dernière édition par TaeYeon le Sam 31 Juil 2010 - 17:15, édité 1 fois

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par Shadow le Jeu 22 Juil 2010 - 17:25

Bonjour,

J'ai ajouté !important a la fin de l'URL d'image. Voilà maintenant le fond s'affiche correctement sur toutes les pages de votre forum.

Code:
/* Le fond du bas :)  ! */
body {
background-attachment: fixed;
background-image: url("http://img10.hostingpics.net/pics/10491Capture.png") !important;
background-repeat: repeat;
background-position: bottom center;
}

Cordialement


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23775
Inscrit(e) le : 30/03/2007

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

Résolu Re: Image de fond

Message par TaeYeon le Jeu 22 Juil 2010 - 17:36

Merci comment faire pour qu'il ne se repette pas?

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par Lixyr le Sam 24 Juil 2010 - 0:04

Essaie ce code :

Code:
/* Le fond du bas :)  ! */
body {
background-attachment: fixed;
background-image: url("http://img10.hostingpics.net/pics/10491Capture.png") !important;
background-repeat:no-repeat;
background-position: bottom center;
}

Normalement ton image devrait ne plus se répéter.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par TaeYeon le Sam 24 Juil 2010 - 0:24

si elle se reste encore sur la page d'accueil !

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par Lixyr le Sam 24 Juil 2010 - 11:38

Ah toi en fait tu veux pas que ton image soit visible sur la page d'accueil ??

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par TaeYeon le Sam 24 Juil 2010 - 14:13

non je c'est pas que je veux qu'elle sois pas visible je veux qu'elle ne se repette pas ! Rolling Eyes

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par Lixyr le Sam 24 Juil 2010 - 23:45

Que ça ne se répète pas sur une autre page, ou que le fond en lui même ne se répète pas plusieurs fois sur la page d'accueil ?? :O

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par TaeYeon le Sam 24 Juil 2010 - 23:54

Que ce ne se répète nul part , la fille que j'ai mis sur le fo est censé tenir le forum dans entre ses mains donc j'aimerais qu'il y ai une fille sur la page d'accueil et non 4 !


TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par Lixyr le Dim 25 Juil 2010 - 0:44

Envoie ton forum, que je vois le problème. Normalement si c'est ce que je pense, mon code devrait marcher. A moins que tu n'ais à mettre celui-là :

Code:
body {
  background-position: center top;
background-repeat:no-repeat;
}

mais c'est le même code que celui que je t'ai envoyé, en plus court ! UU


Moi aussi j'avais un problème d'image de fond qui se répétait en plusieurs exemplaires, j'ai mis ce code, et tout a parfaitement fonctionné, mais c'était une image mise depuis Affichage>>Images et couleurs>>Gestion des images>>Mode avancé>>Image du fond de page.


L'image de fond, tu l'as mise sous css, ou depuis le gestionnaire des images ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par TaeYeon le Dim 25 Juil 2010 - 0:57

J'ai essayé les 2 avec le code sans passer par le mode Affichage!
Et en passant par le mode Affichage!

Rien ne fonctionne voila mon code avec l'image de fond

Code:
a.mainmenu {

font:11px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:30px;
text-transform:uppercase;


}

a.mainmenu:hover {

font:11px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:30px;
text-transform:uppercase;

}

.bodyline {
border-right: 15px solid#f0f6f8;
border-left: 15px solid#f0f6f8;

}

/* Soulignements des liens ! EURK ! */

a { text-decoration: none; }!Enlever le soulignement des liens.
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

/* Le fond du bas :)  ! */
body {
background-attachment: fixed;
background-image: url("http://img10.hostingpics.net/pics/10491Capture.png") !important;
background-repeat:no-repeat;
background-position: bottom center;
}

/* Les liens des forums */
a.forumlink {
display:block;
font:15px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
text-transform:uppercase;

}

a.forumlink:hover  {
display:block;
font:15px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
text-transform:uppercase;
}

/* Titres des catégories */
a.cattitle {
display: block;
text-align:center;
text-transform:uppercase;
font-size:20px;
font-family:"Times New Roman", Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

a.mainmenu {
margin-right: 10px;
}


#hp_liens_bas {
background: url(http://img10.hostingpics.net/pics/39088978.png) no-repeat center center;
height: 200px;
}

body.chatbox {
    background-image: url('http://img10.hostingpics.net/pics/896346Sans_titre.png');
    }

a.mainmenu {
margin-right: 10px;
}

.onglet
{background-color: #e2b82e;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: uppercase;
letter-spacing: -1px;
-moz-border-radius:5px 5px 0px 0px;}

a.mainmenu {
margin-right: 10px;
}

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par Lixyr le Dim 25 Juil 2010 - 10:44

Franchement je ne vois pas le problème. J'ai essayé le code que tu as mis dans ton dernier message, il donne un très bon effet et on ne voit la fille qu'une fois.
Elle tient le forum entre ses mains, le seul truc que j'ai pu voir, c'est que mon fofo de test est passé du noir au blanc. Mais ça je pense que c'est fait exprès. x)
Et qu'il y a un "cadre" bleu/vert qui passe par dessus les mains de la jeune fille. (ça je ne pense pas que ce soit fait exprès)
It's all.

T'es en PHPBB2 ?? C'est le cas pour moi.

Le forum a une largeur de 60%.

Et j'y ai mis ton code :

Code:
a.mainmenu {

font:11px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:30px;
text-transform:uppercase;


}

a.mainmenu:hover {

font:11px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:30px;
text-transform:uppercase;

}

.bodyline {
border-right: 15px solid#f0f6f8;
border-left: 15px solid#f0f6f8;

}

/* Soulignements des liens ! EURK ! */

a { text-decoration: none; }!Enlever le soulignement des liens.
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

/* Le fond du bas :)  ! */
body {
background-attachment: fixed;
background-image: url("http://img10.hostingpics.net/pics/10491Capture.png") !important;
background-repeat:no-repeat;
background-position: bottom center;
}

/* Les liens des forums */
a.forumlink {
display:block;
font:15px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
text-transform:uppercase;

}

a.forumlink:hover  {
display:block;
font:15px Times New Roman;
text-align: center;
font-color: #ddf5b8;
background-color: #ddf5b8;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
text-transform:uppercase;
}

/* Titres des catégories */
a.cattitle {
display: block;
text-align:center;
text-transform:uppercase;
font-size:20px;
font-family:"Times New Roman", Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

a.mainmenu {
margin-right: 10px;
}


#hp_liens_bas {
background: url(http://img10.hostingpics.net/pics/39088978.png) no-repeat center center;
height: 200px;
}

body.chatbox {
    background-image: url('http://img10.hostingpics.net/pics/896346Sans_titre.png');
    }

a.mainmenu {
margin-right: 10px;
}

.onglet
{background-color: #e2b82e;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: uppercase;
letter-spacing: -1px;
-moz-border-radius:5px 5px 0px 0px;}

a.mainmenu {
margin-right: 10px;
}



Il n'y a aucun problème chez moi. : x

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par TaeYeon le Jeu 29 Juil 2010 - 19:27

Bon je ne comprends pas j'ai toujours 4 images de la fille sur ma page d'accueil
je suis en 40% et je suis bien en PHPBB2
le "cadre" bleu/vert est tout à fait normal (rassure toi je l'ai mis exprès)

et même si je mets le petit css seul que tu ma donné l'imager se répète !

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par TaeYeon le Sam 31 Juil 2010 - 13:32

up

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond

Message par TaeYeon le Sam 31 Juil 2010 - 17:15

Bon j'ai résolu la chose merci !

TaeYeon
*****

Féminin
Messages : 692
Inscrit(e) le : 09/01/2010

http://kpopforum-entertainm.forumactif.org/forum.htm
TaeYeon 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