Image de fond des titres pour forums et sous-forums

[Arakis]

Bonjour,

Aussitôt une question est réglée qu'une autre se pose. J'ai eu beau chercher je n'ai pas trouvé de sujets reprenant le même problème, je m'excuse si ma recherche a été mal aboutie. Je voudrais savoir comment l'on peut mettre une image de fond pour les titres des forums et sous forums, un exemple sur ce forum-ci :

http://ghosts-of-salem.1fr1.net/forum.htm

Là où sont marqué "contexte & rules", "postes", "management" ...


Merci d'avance à celui, celle ou ceux qui auront le temps de répondre à ma question.

[Invité]

Bonjour,

IL faut passer par le CSS >> PA >> Affichage >> Couleurs > Feuille de style CSS >

span.forumlink {
background-image: url('url_image');
width: 100%;
}

[Arakis]

Bonjour Final-Blond, je te remercie pour ta réponse, ça marche mais le fond n'occupe que le texte, je voudrais qu'il prenne toute la place. Je m'explique en image :

Sur mon forum, ça donne ça :


Et ce que je voudrais, c'est cela (avec le titre centré aussi) :



Merci

[Invité]

Dans ton exemple, l'image n'est qu'en fond du titre.
Le reste c'est la description du forum et là tu peux mettre une image de fond en utilisant une div et du style :

Code:

<div style="backround: url('url_image') top center no-repeat; width: 100%;">TEXTE</div>

Pour centrer le titre du forum, il faut juste que tu ajoutes au code CSS plus haut :

span.forumlink {
background-image: url('url_image');
width: 100%;
text-align: center;
}

[Arakis]

Je suis vraiment désolé... mais ça ne change rien -_-'

Le titre n'est pas centré, l'image voulue est bien derrière le texte mais ne prend pas toute la largeur de l'espace "forum", il est juste derrière le titre comme une espèce de surlignage.

J'ai peur de mal m'expliquer, ainsi j'ai refait une capture d'ecran avec des légendes^^
Tout ce qui est rouge flash est rajouté de moi. Je m'excuse de parvenir si mal à expliquer ce que je veux, mais on est sur la bonne voie je crois





Merci...

[Invité]

Hum c'est bizarre, parce que sur mon FT voilà ce que ça donne :



Il y a un autre moyen qui donne le même résultat chez moi, c'est avec l'intitulé :

.forumlink a {
background-image: url('url_image');
text-align: center;
}

Es-tu sûre que ton image est assez longue ?
Sinon, il faut ajouter après l'image :
url('url_image') top left repeat-x;

[Arakis]

Ah... j'ai pas de chance xD
Voyons le bon côté des choses : en fait j'avais réussi à me faire comprendre !

Bon... j'ai du mal faire quelque part. Est-ce qu'il faut que je désactive le css de base ? Ou alors, question : est-ce que ça peut etre du à ceci (ci-dessous) que j'ai mis dans la description de mon forum pour que mon fond soit centré ?

Code:

<style>body { background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}</style>

EDIT à ton EDIT :

Mon image est celle-ci :
https://nsa14.casimages.com/img/2010/03/08/100308022054892376.png
J'essaie de suite le repeat-x !


EDIT n°2 après le repeat-x et 2ème solution :

... roulement de tambour... et non, les deux ne marchent pas même si je mets "top left repeat-x;" avec tes deux solutions... c'est à s'arracher les ch'veux de la tête !

[Invité]

Même sans le repeat, ton image va aussi :


Pourquoi as-tu mis cela dans la description du site et non dans le CSS ?

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

Mais je ne pense pas que ce soit cela...

Si ton forum est celui de ton profil, je ne vois rien dans le code source du CSS !

Ah nenni, tu ne désactives pas le CSS de base !

[Arakis]

Roh ! Comme la vie est injuste !

^^

Oui, c'est bien le forum de mon profil.
Ca ne peut pas être parce que j'ai modifié les templates ? Rien à voir ?

Bon... s'il n'y a pas de problème et que j'ai simplement la poisse, je vais peut-être abandonner l'idée ... non ?

Ah, et merci pour le fond, je préfère mettre ça dans le css

Oki oki je désactive pas le CSS de base... enfin je le désactive "plus" : j'ai quand même essayé pour voir ...
Ca fait des trucs pas jolis jolis, mais t'inquiète je l'ai remis ça a tout réparé =>

[Arakis]

Re !

Bon j'ai pris le taureau par les deux cornes et je suis allé demander au forum que j'ai pris pour exemple comment ils avaient fait.

L'admin m'a donné ce code :

Code:


span.forumlink {
background-image: url(http://nsa14.casimages.com/img/2010/03/08/100308022054892376.png);
border-left: 2px solid;
border-right: 2px solid;
text-align: center;
display: block;
width: 98%;
margin: center;
}

Et ça marche !
Voilou, comme ça si un autre enquiquineur comme moi a un forum qui fait des siennes tu lui colles ça dans son css, et il obéira sans rechigner ^^

Merci encore pour ta patience et ton inompréhension partagée


Un autre sujet de

[Invité]

Je ne pense pas avoir partagé une incompréhension quelconque.
Tu donnes un code qui a exactement le même intitulé que le premier que je t'ai donné, et Ô miracle ça fonctionne ???
Nenni, tu as dû faire une erreur dans l'application du code, il n'y a aucune raison pour que ça marche chez moi et pas chez toi.
Maintenant, ce code que tu as reçu comporte une erreur :

url('https://nsa14.casimages.com/img/2010/03/08/100308022054892376.png');

Même si ça fonctionne, c'est une erreur de syntaxe que de ne pas mettre les apostrophes autour de l'adresse.

Enfin, c'est résolu et c'est ce qui compte !

[Arakis]

Le principal c'est que ça marche en effet. Et je n'avais pas fait d'erreurs pour ton code... De nos jours, même les gosses de cycle 1 savent appuyer successivement sur les touches ctrl+c puis ctrl+v. Pour ma part, n'étant atteint d'aucune maladie génétique occasionnant un retard moteur, je sais encore le faire, merci. Ce n'est pas parce que j'ai trouvé la réponse ailleurs qu'il faut se sentir vexée, tu sais. Tu m'as aidé, je t'en suis reconnaissant, et à présent tu as un troisième intitulé pour aider les autres.
Il faut croire que les quatre variables en plus ont su faire leur effet, et je t'assure que ça n'a rien du miracle.

Je rajoute néanmoins les apostrophes

Merci encore.