fond du forum

2 participants

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

Résolu fond du forum

Message par L0v3 Mer 8 Fév - 20: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 - 1:54, édité 1 fois
L0v3

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par SoraNoHime Mer 8 Fév - 21:07

Bonjour

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

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Mer 8 Fév - 23: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

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par SoraNoHime Mer 8 Fév - 23:43

Pouvez-vous me fournir votre overall_header ?
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 0:04

Le voici Smile



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

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par SoraNoHime Jeu 9 Fév - 0:07

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

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 0: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 - 1:56, édité 1 fois
L0v3

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par SoraNoHime Jeu 9 Fév - 0:14

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


.entete {
background-image:url("https://2img.net/r/ihimizer/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

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 0: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

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par SoraNoHime Jeu 9 Fév - 0:39

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

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 0:44

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

Spoiler:
L0v3

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par SoraNoHime Jeu 9 Fév - 0: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

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 1: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

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

Message par SoraNoHime Jeu 9 Fév - 1: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

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 1: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 - 1:56, édité 1 fois
L0v3

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fond du forum

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

XD je parlais de la partie css avec noter .entete
SoraNoHime

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 1: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

L0v3
***

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

https://google.com
L0v3 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: fond du forum

Message par SoraNoHime Jeu 9 Fév - 1:45

.entete {
background-image:url("https://2img.net/r/ihimizer/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

SoraNoHime
Membre actif

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

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

Résolu Re: fond du forum

Message par L0v3 Jeu 9 Fév - 1:54

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

L0v3
***

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

https://google.com
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