Image de fond des titres pour forums et sous-forums

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

Résolu Image de fond des titres pour forums et sous-forums

Message par Arakis le Dim 7 Mar 2010 - 23:57

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.


Dernière édition par Arakis le Lun 8 Mar 2010 - 23:19, édité 3 fois

Arakis
Nouveau membre

Messages : 10
Inscrit(e) le : 28/02/2010

http://liaisonsdangereuses.vampire-legend.com/forum.htm
Arakis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Invité le Lun 8 Mar 2010 - 13:38

Bonjour,

IL faut passer par le CSS >> PA >> Affichage >> Couleurs > Feuille de style CSS >
span.forumlink {
background-image: url('url_image');
width: 100%;
}

Invité
Invité


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

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Arakis le Lun 8 Mar 2010 - 14:26

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 Smile

Arakis
Nouveau membre

Messages : 10
Inscrit(e) le : 28/02/2010

http://liaisonsdangereuses.vampire-legend.com/forum.htm
Arakis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Invité le Lun 8 Mar 2010 - 15:47

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;
}

Invité
Invité


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

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Arakis le Lun 8 Mar 2010 - 16:45

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 Rolling Eyes





Merci...

Arakis
Nouveau membre

Messages : 10
Inscrit(e) le : 28/02/2010

http://liaisonsdangereuses.vampire-legend.com/forum.htm
Arakis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Invité le Lun 8 Mar 2010 - 17:13

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;

Invité
Invité


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

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Arakis le Lun 8 Mar 2010 - 17:32

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

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 :
http://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 ! Interrog

Arakis
Nouveau membre

Messages : 10
Inscrit(e) le : 28/02/2010

http://liaisonsdangereuses.vampire-legend.com/forum.htm
Arakis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Invité le Lun 8 Mar 2010 - 18:54

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 !

Invité
Invité


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

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Arakis le Lun 8 Mar 2010 - 22:04

Roh ! Comme la vie est injuste ! aidez moi

^^

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 Wink

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

Arakis
Nouveau membre

Messages : 10
Inscrit(e) le : 28/02/2010

http://liaisonsdangereuses.vampire-legend.com/forum.htm
Arakis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Arakis le Lun 8 Mar 2010 - 23:19

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 ! Mr. Green
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 Laughing


Un autre sujet de résolu

Arakis
Nouveau membre

Messages : 10
Inscrit(e) le : 28/02/2010

http://liaisonsdangereuses.vampire-legend.com/forum.htm
Arakis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Invité le Mar 9 Mar 2010 - 6:46

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('http://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 !

Invité
Invité


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

Résolu Re: Image de fond des titres pour forums et sous-forums

Message par Arakis le Mar 9 Mar 2010 - 10:56

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. Rolling Eyes
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 Wink

Merci encore.

Arakis
Nouveau membre

Messages : 10
Inscrit(e) le : 28/02/2010

http://liaisonsdangereuses.vampire-legend.com/forum.htm
Arakis 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