Comment mettre une texture en fond de forum ?

[Elorri]

Bonjour ^^
Voilà un aperçu de mon forum :

https://i.servimg.com/u/f35/12/15/64/35/exempl10.jpg

Mon problème est le suivant. Je voudrai que la partie blanche (avec les traits rouges), donc le fond du forum, soit remplacée par cette texture : https://i.servimg.com/u/f35/12/15/64/35/patter12.png
Comment faire ?
Merci d'avance. =)

[Chouquette~]

Bonjour,

Avais-vous essayez de placer cette image dans le gestionnaire d'image, sur votre PA à l'intitulé : "Image du fond de page :" ?
Si, oui, et si ça n'a pas marché, dans votre feuille de style CSS :


Code:

body{
  background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/patter12.png');
}

[Elorri]

Dans "le logo du fond", j'ai mon image transparente (https://i.servimg.com/u/f35/12/15/64/35/i_logo12.png) et dans "Image du fond de page" j'ai mon header (https://i.servimg.com/u/f35/12/15/64/35/lesenf12.jpg)

Avec ce code, ca me donne quelque chose de très étrange : https://i.servimg.com/u/f35/12/15/64/35/regard10.png

[Chouquette~]

Je ne comprend pas très bien ce que vous dîtes, serait-il possible d'avoir l'adresse dudit forum ?

[Elorri]

Voilà.
http://enfants-liberte.forum-canada.net/forum.htm

[Chouquette~]

Bon, bon,

J'ai un peu inspecté votre forum sous Chrome, et en fait il y a plein d'attribut qui s'entre choc et du coup il y a conflit. Puis pour garder la configuration de votre forum, à savoir sa largeur, une solution simple n'est pas possible.
Mais d'après mes tests c'est possible ;o).

Pré-requis :
* version phpBB2 ou punBB => Ca c'est OK.
* Êtes-vous fondateur, et avez vous accès aux templates ?

[Elorri]

Oui je suis la fondatrice.

[Chouquette~]

Très bien, c'est parfait.

0) Faites une copie de votre feuille de style CSS, si vous avez inscrit quelque chose dedans, de même pour le template "overall_header_new".

1) Problème du fond :
* Si dans votre feuille de style, vous appliquez un quelconque attribut (lié au fond) à "body", retirez le ! (faites-en une copie papier au cas où ;o)).
* Copier/coller ceci :

Code:
body{
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/patter12.png');
    background-repeat:repeat;
}

2) Problème de la bannière :
C'est ici que les choses se compliquent un peu.
* Allez dans le template "overall_header_new", dans "onglet affichage > menu template > général".
* Repérez les lignes :
Code:
<a name="top"></a>
   {JAVASCRIPT}
* Remplacez les par :

Code:
<div id="id_banniere"></div>
<a name="top"></a>
   {JAVASCRIPT}
* Dans votre fiche de CSS ajoutez ce code :
Code:
#id_banniere{
    width:100%;
    height:600px;
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/lesenf12.jpg');
    background-position:top center;
    background-repeat:no-repeat;

#i_logo{
    height:0px;
}
3) Résultat :

Spoiler:
Normalement tout cela marche ^^.

[Elorri]

Huum ca ne marche pas vraiment, ou alors j'ai du faire une fausse manip, en tout cas, ca donne un effet très étrange ^^

Mon code CSS :

Spoiler:

Mon template :

Spoiler:

[Chouquette~]

Avez-vous appliqué le template ? En cliquant sur la petite croix verte, à côté du rouage jaune ?

[Elorri]

Oui. =S

[Chouquette~]

Preuve à l'appui que ça fonctionne : http://lokkhy-design.forums-actifs.net/forum.htm?tt=1 ^^.

Sinon, avez-vous copiez tout le CSS ?
Dans le doute : dans la gestion des image, remplacez celle de fond par https://2img.net/i/fa/empty.gif
Et décochez "fond fixe" !

[Elorri]

Oui j'ai copié tout le CSS. D'ailleurs, après enregistrement, j'ia la notion
" Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code. "

Et avec https://2img.net/i/fa/empty.gif , ca ne change rien du tout. =S

[Chouquette~]

En effet !
Remplacez

Code:

#id_banniere{
    width:100%;
    height:600px;
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/lesenf12.jpg');
    background-position:top center;
    background-repeat:no-repeat;

#i_logo{
    height:0px;
}

Par

Code:

#id_banniere{
    width:100%;
    height:600px;
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/lesenf12.jpg');
    background-position:top center;
    background-repeat:no-repeat;}

#i_logo{
    height:0px;
}

;o)
Remplacez l'image et décochez "fond fixe" =)

C'est bizarre tout de même =)

[Elorri]

Ca ne marche toujours pas... =S

[Chouquette~]

Oui j'ai vu xD, l'erreur vient toujours du même endroit ^^.

Ajoutez un } juste après "background-repeat:no-repeat;".

On va y arriver, on va y arriver ^^'

[Elorri]

Vraiment, je comprend pas ca ne marche toujours pas ! xD

Code:

body{
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/patter12.png');
    background-repeat:repeat;}


#id_banniere{
    width:100%;
    height:600px;
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/lesenf12.jpg');
    background-position:top center;
    background-repeat:no-repeat;}

#i_logo{
    height:0px;
}

[Chouquette~]

En effet, c'est vraiment étrange, d'autant plus que sur un forum de test, j'y arrive parfaitement =/.

Essayez à tout hasard :

Code:

#id_banniere{
    width:100%;
    height:600px;
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/lesenf12.jpg');
    background-position:top center;
    background-repeat:no-repeat;}

#i_logo{
    height:0px;
}

body{
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/patter12.png');
    background-repeat:repeat;}

Si ça ne marche pas :

Code:

#id_banniere{
    width:100%;
    height:600px;
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/lesenf12.jpg');
    background-position:top center;
    background-repeat:no-repeat;}

#i_logo{
    height:0px;
}

body{
    background-image:url('http://i35.servimg.com/u/f35/12/15/64/35/patter12.png') !important;
    background-repeat:repeat !important;}

[Elorri]

Ca marche enfin !
Juste un dernier problème : en général, quand on clique sur le design, c'est un raccourci pour aller sur la PA, alors que là il n'y a plus rien. Est-ce normal ?

[Chouquette~]

Explication : Il y avait visiblement conflit entre le CSS de base, et celui de la fiche de CSS ... Bizarre mais bon.

Si vous parlez de la bannière en effet ce n'est plus un raccourci pour revenir à l'accueil.
Mais on peut essayer de s'arranger pour qu'elle le redevienne ;o).

Quand à l'accès au PA, il se fait via le lien en bas de pas, comme toujours ^^'.

[Elorri]

En fin de comtpe, ca ira comme ça, c'est pas si génant ^^
Merci beaucoup de votre aide ^_^

[Chouquette~]

De rien ;D, ce fut laborieux , des fois la réaction entre les template et le CSS est bizarre .

'Fin, ce qui compte c'est le résultat dirons-nous ;o).
Bonne continuation ;o).