Mettre une image différente en fond de chaque catégorie

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

Résolu Mettre une image différente en fond de chaque catégorie

Message par papilusion le Mar 3 Mai 2016 - 13:57

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Je prépare le prochain graphisme pour mon forum sur un forum de test graphique. J'ai fais tout ce que je pouvais mais il reste une chose que je ne suis pas capable de faire moi-même et que je veux absolument faire.
Il s’agit de la mise en forme des forums et catégories sur la pages principales : au lieu d'avoir une image d'illustration par forum, je voudrais une grande image par catégorie et les liens des forums par dessus. J'ai fait un petit montage pour avoir une idée du résultat.
Je sais que c'est possible de le faire, je l'ai vu sur un autre forum, je n'ai pas réussi à contacter la graphiste de ce forum-ci pour avoir le secret de ce code. :/

Quelqu'un m'a donne l'adresse d'un tuto, mais ça n'a pas marché. Et j'ai toujours pas comprit pourquoi est-ce que c'est sensé fonctionner à la base d'ailleurs.

Est-ce que vous savez comment faire ?


Dernière édition par papilusion le Mar 3 Mai 2016 - 16:53, édité 1 fois

papilusion
**

Messages : 97
Inscrit(e) le : 07/06/2008

http://hypolais.jeunforum.com/index.htm
papilusion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image différente en fond de chaque catégorie

Message par MlleAlys le Mar 3 Mai 2016 - 14:56

Bonjour,

Pour afficher une image de fond à chaque catégorie, j'ai commencé par attribuer un identifiant différent à chaque catégorie grâce à un javascript qui se repère au titre de celle ci :
Code:
$(function(){
  $('th.secondarytitle h2:contains("NOM DE LA CATEGORIE 1")').closest('.forumline').attr('id','IDENTIFIANT 1');
  $('th.secondarytitle h2:contains("NOM DE LA CATEGORIE 2")').closest('.forumline').attr('id','IDENTIFIANT 2');
});
(ici pour deux catégories, ajouter autant de lignes que nécessaire).

Puis ainsi avec un identifiant différent pour chaque catégorie, il est ensuite possible de les modifier une par une via le css, entre autres le fond qui nous intéresse ici, ce qui pourrait donner :
Code:
#IDENTIFIANT {
  background : url(URL DE L'IMAGE);
}

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Mettre une image différente en fond de chaque catégorie

Message par papilusion le Mar 3 Mai 2016 - 16:53

Bonjour,

Je te remercie beaucoup pour ce super tuto.
Comme je n'avais pas vu de sujet posant la même question que moi en cherchant, je m'attendais vraiment pas à une réponse si rapide. C'est une excellente surprise Smile

ça à marcher du premier coup. Un grand merci à toi! cheers

papilusion
**

Messages : 97
Inscrit(e) le : 07/06/2008

http://hypolais.jeunforum.com/index.htm
papilusion 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