fond du forum

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

Résolu fond du forum

Message par L0v3 le Mer 8 Fév 2012 - 21:58

Bonjour, bonsoir.

J'aimerais savoir s'il est possible de mettre quand même un fond (pattern par exemple) sur le forum, même si notre header (bannière) est déjà en fond. (image du fond de page). Si oui, j'aimerais bien savoir s.v.p. Merci d'avance I love you et j'espère que j'ai été précise..


Dernière édition par L0v3 le Jeu 9 Fév 2012 - 2:54, édité 1 fois

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Mer 8 Fév 2012 - 22:07

Bonjour

je vous invite à lire ce suet : http://forum.forumactif.com/t316797-banniere-fond-fond

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 0:11

Merci. Smile
Hélas, ça ne fonctionne qu'à moitié. Le fond apparaît bien, mais le header non :S
J'ai placé la bannière dans logo du forum, mais bon, ce n'est pas ce que je veux, car je veux que ma bannière n'est pas d'espace entre le logo et le forum (la marge en haut), c'est pour ça que j'avais placé l'image en fond. J'ai beau placer mon lieu de bannière dans le css comme c'est écrit, mais il n'y a que le fond qui fonctionne.

Spoiler:

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 0:43

Pouvez-vous me fournir votre overall_header ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 1:04

Le voici Smile



Dernière édition par L0v3 le Jeu 9 Fév 2012 - 2:55, édité 1 fois

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 1:07

oups, il me faudrait aussi la css qui va avec Embarassed Désolé, 'ai oublié de vous le réclamer

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 1:08

Il est long, car je fais le test sur mon forum test avant de le faire sur le ''vrai'' forum:




Dernière édition par L0v3 le Jeu 9 Fév 2012 - 2:56, édité 1 fois

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 1:14

En fait vous avez oublié de remplir certaines données, et un point et mal mis :


.entete {
background-image:url("http://img192.imageshack.us/img192/4928/thekingsroad.png'';
background-repeat: no-repeat;
background-position: top center;
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
}

les parties en rouge sont à remplir, la première par la hauteur de votre image, la seconde par la largeur, sinon cela n'apparait pas.

Ensuite la partie en vert s'avère être deux ' (touche 4) il faudrait les remplacer par un seul " (touche 3)

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 1:37

Merci

Code:
/*fond*/
body {
background-image:url("http://nsa28.casimages.com/img/2011/08/29/110829043437200070.jpg");
}

/*logo*/
.entete {
background-image:url("http://img192.imageshack.us/img192/4928/thekingsroad.png");
background-repeat: no-repeat;
background-position: top center;
height : 400px;
width : 700px;

}

Voici le résultat:

Spoiler:

La bannière n'est pas placée correctement

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 1:39

Dans ce cas, revoyez l'overall_header et entourez la div d'un center :
Code:
 <center>  <div class="entete"> </div></center>

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 1:44

Merci de votre aide, ça fonctionne
Encore un petit problème, le contour, arrive sous l'image ?!

Spoiler:

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 1:54

Il faut dans ce cas déplacer votre code entete : <center> <div class="entete"> </div></center>

en dessous de cette ligne plutot :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 2:15

Super! Merci Smile
Deux petites questions: J'essaye de voir pour supprimer la marge entre la bannière et le haut du forum, comme au début de ma question du premier poste et puis, je viens de me rendre compte qu'on ne peut pas cliquer sur la bannière, car il y en a ''pas'', et en mettant quelque chose d'invisible sur le forum (comme un header afin de cliquer dessus et cela nous amène à l'accueil, ça va direct l'image sous la bannière de fond)

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 2:34

Pour rendre le logo cliquable, rajoutez la partie en rouge :

<center><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /><div class="entete"> </div></a></center>

Pour ce qui est de supprimez la largeur, puis je avoir un lien ? et rendez moi votre code .entete de la css.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 2:38

Merci

le voici:


Spoiler:
C'est correct ou, je t'envoie le lien du forum?!


Dernière édition par L0v3 le Jeu 9 Fév 2012 - 2:56, édité 1 fois

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

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

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 2:39

XD je parlais de la partie css avec noter .entete

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 2:42

xD Désolé, dans ma tête ça sonnait overall header Arrow

Code:
/*fond*/
body {
background-image:url("http://nsa28.casimages.com/img/2011/08/29/110829043437200070.jpg");
}

/*logo*/
.entete {
background-image:url("http://img192.imageshack.us/img192/4928/thekingsroad.png");
background-repeat: no-repeat;
background-position: top center;
height : 400px;
width : 700px;

}

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

L0v3 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: fond du forum

Message par SoraNoHime le Jeu 9 Fév 2012 - 2:45

.entete {
background-image:url("http://img192.imageshack.us/img192/4928/thekingsroad.png");
background-repeat: no-repeat;
background-position: top center;
height : 400px;
width : 700px;
position : relative;
top : -150px;

}

rajoutez les parties en rouge, et adaptez le 150 pour réduire l'espace.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par L0v3 le Jeu 9 Fév 2012 - 2:54

C'est super. Smile Tout est parfaitement bien arrangé. Merci beaucoup de ton aide qui m'a vraiment été utile Yes

L0v3
***

Féminin
Messages : 141
Inscrit(e) le : 02/01/2009

L0v3 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