Mettre une image différente à chaque en-tête de catégorie
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
Mettre une image différente à chaque en-tête de catégorie
Bonjour/Bonsoir,
Je m'excuse d'avance s'il existe déjà une réponse à ma question. Je ne suis pas parvenue à trouver exactement ce que je voulais. C'est pourquoi je viens demander votre aide à propos des en-têtes des catégories de mon forum. Grâce à différents tutos trouvés ici et là, je suis parvenue à mettre une image en entête de mes catégories. Le problème, c'est que la même image se répète sur toutes les entêtes ; or, je souhaiterais une image différente pour chacune.
Je précise que je suis Fondatrice de mon forum, qui est en version phpBB2. Seul les templates "Index_box" et "Overall_Header" ont été modifiés.
Voici l'image qui illustre mon problème :
https://nsa40.casimages.com/img/2019/09/04/190904084704880854.png
Et voici mon template "Index-box" :
Ainsi que le CSS de mon forum :
https://nsa40.casimages.com/img/2019/09/04/190904082925561977.png => voici l'image des catégories.
Merci à qui prendra le temps de répondre à ce message (:
Je m'excuse d'avance s'il existe déjà une réponse à ma question. Je ne suis pas parvenue à trouver exactement ce que je voulais. C'est pourquoi je viens demander votre aide à propos des en-têtes des catégories de mon forum. Grâce à différents tutos trouvés ici et là, je suis parvenue à mettre une image en entête de mes catégories. Le problème, c'est que la même image se répète sur toutes les entêtes ; or, je souhaiterais une image différente pour chacune.
Je précise que je suis Fondatrice de mon forum, qui est en version phpBB2. Seul les templates "Index_box" et "Overall_Header" ont été modifiés.
Voici l'image qui illustre mon problème :
https://nsa40.casimages.com/img/2019/09/04/190904084704880854.png
Et voici mon template "Index-box" :
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cathead"></div><div class="catbody">
<div width="100%" class="img_haut"> </div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<td id="essaye" class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<br />
</h{catrow.forumrow.LEVEL}>
<table align="center">
<tr>
<td>
<div class="last_post">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<span class="gensmall">
<center>{catrow.forumrow.LAST_POST}</center>
</span>
</div>
<td>
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
<div class="liensforum">{catrow.forumrow.FORUM_NAME}</div></a>
<div class="descriptions"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<div class="sous_forum"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div>
</span>
</td>
</td>
</tr>
</table>
<!-- BEGIN forum_link_no -->
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table>
</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Ainsi que le CSS de mon forum :
- Code:
a, a:hover {
text-decoration: none !important;
}
.postbody {
text-align: justify !important;
}
.navig {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:35px;
background-color: #353031;
border-bottom: 3px solid #807375;
}
body {
margin-top: 0px;
}
a.mainmenu {
margin: 5px;
font-family: Arial;
font-size: 11px;
}
.img_haut{background: url(https://nsa40.casimages.com/img/2019/09/04/190904082925561977.png);
width: 800px;
height: 150px;
}
https://nsa40.casimages.com/img/2019/09/04/190904082925561977.png => voici l'image des catégories.
Merci à qui prendra le temps de répondre à ce message (:
Dernière édition par Eriagann le Mer 4 Sep 2019 - 11:38, édité 1 fois
Re: Mettre une image différente à chaque en-tête de catégorie
Coucou !
Si je comprends bien, tu veux juste mettre le nom de ta catégorie en image, c'est bien ça ?
si oui, j'ai sûrement une solutions assez simple à te proposer
Bises
Si je comprends bien, tu veux juste mettre le nom de ta catégorie en image, c'est bien ça ?
si oui, j'ai sûrement une solutions assez simple à te proposer
Bises
Re: Mettre une image différente à chaque en-tête de catégorie
Bonjour, et merci de ta réponse =D
C'est cela ! En fait, je veux mettre une image à la place du titre, pour chaque catégorie, mais ça mets la même image pour toutes... Donc voilà ^^"
C'est cela ! En fait, je veux mettre une image à la place du titre, pour chaque catégorie, mais ça mets la même image pour toutes... Donc voilà ^^"
Re: Mettre une image différente à chaque en-tête de catégorie
Si tu mets ceci dans ton titre de catégorie :
- Code:
<img src="https://nsa40.casimages.com/img/2019/09/04/190904082925561977.png" alt="nom de la catégorie" />
Re: Mettre une image différente à chaque en-tête de catégorie
Hm je viens de voir qu'avec ton template non ça ne marchera pas
Il faut que tu remettes ceci :
Que tu peux tout à fait mettre dans ta div pour garde les dimenssions, en retirant le background de sa CSS :
Il faut que tu remettes ceci :
- Code:
{catrow.tablehead.L_FORUM}
Que tu peux tout à fait mettre dans ta div pour garde les dimenssions, en retirant le background de sa CSS :
- Code:
<div width="100%" class="img_haut">{catrow.tablehead.L_FORUM}</div>
Re: Mettre une image différente à chaque en-tête de catégorie
C'est nickel, merci beaucoup !
Re: Mettre une image différente à chaque en-tête de catégorie
Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse. |
Sujets similaires
» Mettre une image différente en fond de chaque catégorie
» Image différente pour chaque catégorie
» une image différente pour chaque forum ?
» mettre une image differente de chaque cote du forum
» Mettre une image en tête de catégorie
» Image différente pour chaque catégorie
» une image différente pour chaque forum ?
» mettre une image differente de chaque cote du forum
» Mettre une image en tête de catégorie
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