Mettre une image différente à chaque en-tête de catégorie

3 participants

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

Résolu Mettre une image différente à chaque en-tête de catégorie

Message par Eriagann Mer 4 Sep 2019 - 8:58

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" :

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
Eriagann

Eriagann
Nouveau membre

Messages : 3
Inscrit(e) le : 04/09/2019

http://celtic-age.forumactif.com/
Eriagann a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image différente à chaque en-tête de catégorie

Message par Tite-May Mer 4 Sep 2019 - 10:45

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 Smile

Bises
avatar

Tite-May
****

Féminin
Messages : 207
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image différente à chaque en-tête de catégorie

Message par Eriagann Mer 4 Sep 2019 - 10:48

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à ^^"
Eriagann

Eriagann
Nouveau membre

Messages : 3
Inscrit(e) le : 04/09/2019

http://celtic-age.forumactif.com/
Eriagann a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image différente à chaque en-tête de catégorie

Message par Tite-May Mer 4 Sep 2019 - 10:51

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" />
ça règlerait ton souci, non ?
avatar

Tite-May
****

Féminin
Messages : 207
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image différente à chaque en-tête de catégorie

Message par Tite-May Mer 4 Sep 2019 - 10:59

Hm je viens de voir qu'avec ton template non ça ne marchera pas Wink

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>
avatar

Tite-May
****

Féminin
Messages : 207
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image différente à chaque en-tête de catégorie

Message par Eriagann Mer 4 Sep 2019 - 11:34

C'est nickel, merci beaucoup ! I love you
Eriagann

Eriagann
Nouveau membre

Messages : 3
Inscrit(e) le : 04/09/2019

http://celtic-age.forumactif.com/
Eriagann a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image différente à chaque en-tête de catégorie

Message par Chacha Mer 4 Sep 2019 - 11:42

Mettre une image différente à chaque en-tête de catégorie 4qhGdLE
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.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum