Image intégrée dans le cadre des catégories
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image intégrée dans le cadre des catégories
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumfrance.forumactif.fr/
Description du problème
Bonjour,En me promenant sur les forums forumactif, je suis tombé sur un qui avait intégré une image en background, différente dans chaque catégorie. Malheureusement, je n'ai pas eu la présence d'esprit de mémoriser ce site.
Donc si l'on pouvait m'expliquer comment intégrer une image de fond dans chacune des catégories cela m'intéresse énormément.
Merci par avance
Dernière édition par emc2 le Ven 18 Mar 2016 - 23:34, édité 1 fois
Re: Image intégrée dans le cadre des catégories
Coucou, voici une solution que j'avais lue et mémorisée en cas de besoin
Dans le CSS, tu ajoutes :
Dans la gestion des catégories, tu mets ceci comme titre :
Cela devrait résoudre ta demande en attendant que quelqu'un te propose peut-être une solution plus "propre"
Dans le CSS, tu ajoutes :
- Code:
a.cattitle span, .secondarytitle h2 span, .table-title h2 span, .maintitle h2 span, .page-title h2 span { display: none; }
a.cattitle img, .secondarytitle h2 img, .table-title h2 img, .maintitle h2 img, .page-title h2 img { display: inline!important; }
Dans la gestion des catégories, tu mets ceci comme titre :
- Code:
<center><span>titre de la catégorie</span><img style="display:none" src="http:// ....l'adresse de l'image .... .gif" /></center>
Cela devrait résoudre ta demande en attendant que quelqu'un te propose peut-être une solution plus "propre"
Re: Image intégrée dans le cadre des catégories
Ce code marche parfaitement bien pour coller une image de fond là ou se trouve le titre de la catégorie. Mais je souhaiterais mettre une image en arrière plan sur toute la catégorie. De cette manière j'aurais mon image en fond et les forums de cette catégorie par dessus.
Désolé, je me suis mal exprimé dans le premier post. Et merci pour ta réponse, elle sera sûrement mise à profit également.
Désolé, je me suis mal exprimé dans le premier post. Et merci pour ta réponse, elle sera sûrement mise à profit également.
Re: Image intégrée dans le cadre des catégories
Bonjour, je me permet d'intervenir car je pense avoir la solution à votre problème grâce au code donné par Don Vito Corleone dans ce sujet: https://forum.forumactif.com/t384743-couleur-de-fond-titre-des-categorie-phbb3#3237312
Il suffit de l'adapter non pas pour avoir une couleur en fond, mais une image.
Insérer ce code dans votre CSS:
Il vous suffit alors de placer l'url de vos images entre parenthèse.
Ici le résultat ne touchera que les deux premières catégories (selon votre hiérarchie), pour continuer il suffit de rajouter un "+ div" à chaque fois que vous recollez le code.
J'espère que cela vous à aidé et que je n'ai pas mal fait d'intervenir ici .
Il suffit de l'adapter non pas pour avoir une couleur en fond, mais une image.
Insérer ce code dans votre CSS:
- Code:
ul.linklist:not(.navlinks):nth-of-type(1) + div {
background: url(URL de votre image)
}
ul.linklist:not(.navlinks):nth-of-type(1) + div + div {
background: url(URL de votre image)
}
Il vous suffit alors de placer l'url de vos images entre parenthèse.
Ici le résultat ne touchera que les deux premières catégories (selon votre hiérarchie), pour continuer il suffit de rajouter un "+ div" à chaque fois que vous recollez le code.
J'espère que cela vous à aidé et que je n'ai pas mal fait d'intervenir ici .
Re: Image intégrée dans le cadre des catégories
Je vais essayer ça certainement d'ici à deux ou trois jours. Je reviendrais commenter ensuite.
En tout cas merci pour la proposition.
En tout cas merci pour la proposition.
Re: Image intégrée dans le cadre des catégories
Cela fonctionne bien. il faut maintenant que j'adapte les dimensions de l'image au forum et le tour est joué.
Toutefois, je ne sais pas comment je peux sélectionner la bonne catégorie. En effet, le code détermine les deux première catégorie, hors, j'ai besoin de coller l'image background sur la troisième et la cinquième catégorie. Tel que je suis obligé de mettre une image sur la 1ere, la 2eme pour enfin pouvoir en mettre une sur la 3eme. j'ai pensé à mettre des images transparentes, mais je suppose que l'on peut mieux faire par soucis d'alléger le CSS non ?
Toutefois, je ne sais pas comment je peux sélectionner la bonne catégorie. En effet, le code détermine les deux première catégorie, hors, j'ai besoin de coller l'image background sur la troisième et la cinquième catégorie. Tel que je suis obligé de mettre une image sur la 1ere, la 2eme pour enfin pouvoir en mettre une sur la 3eme. j'ai pensé à mettre des images transparentes, mais je suppose que l'on peut mieux faire par soucis d'alléger le CSS non ?
Re: Image intégrée dans le cadre des catégories
Comme je le disais, il faut jouer avec les "+ div".
Si vous voulez seulement mettre une image sur la troisième et cinquième catégorie, essayez avec ce code:
Si vous voulez seulement mettre une image sur la troisième et cinquième catégorie, essayez avec ce code:
- Code:
ul.linklist:not(.navlinks):nth-of-type(1) + div + div + div {
background: url(URL de votre image)
}
ul.linklist:not(.navlinks):nth-of-type(1) + div + div + div + div + div {
background: url(URL de votre image)
}
Re: Image intégrée dans le cadre des catégories
Ok, je n'avais pas pigé !!!! Bon sang, mais c'est bien sûr !! Merci pour tout, c'est juste un plaisir de croiser des gens qui donnent des coups de mains comme ça, pour le plaisir de partager. Je vous assure, c'est du bonheur après une journée de taf en milieu humainement agressif.
Je balise en "résolu" Et encore une fois merci beaucoup.
Je balise en "résolu" Et encore une fois merci beaucoup.
Re: Image intégrée dans le cadre des catégories
Pas de soucis, on m'aide aussi dans d'autre sujet donc je trouve cela normal d'aider en retour
Sujets similaires
» Placer les liens des sous-forums se trouvant dans les catégories dans un cadre
» Dans Edge mettre une image dans background et catégories
» Image sur le coin du cadre - catégories en onglets
» Image des catégories en décalage par rapport au cadre
» image qui ne rentre pas dans le cadre de survol d'un evenement dans la calendrier
» Dans Edge mettre une image dans background et catégories
» Image sur le coin du cadre - catégories en onglets
» Image des catégories en décalage par rapport au cadre
» image qui ne rentre pas dans le cadre de survol d'un evenement dans la calendrier
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum