CATEGORIES.

[Aiisu]

Bonjour

Je voudrais savoir comment pourrais je mettre une image à la place du titre des catégories ?

Merci d'avance .

[ge80]

Bonjour

Isolde a proposé une solution mais il faut être en phpbb2.

Votre profil est incomplet

cordialement
ge

[Aiisu]

Bonjour merci de votre réponse.

Je me suis changé en phpbb2 que faire maintenant ?

Coridalement Aiisu.

[ge80]

Phpbb2 : j'espère que vous avez sauvegardé la CSS spécifique et vos templates modifiées !

Isolde est en ligne, je lui laisse la primeur pour vous répondre.

[Aiisu]

Euhh je ne crois pas que j'ai sauvegardé ^^'

Merci .

[ge80]

Oups !!

Heureusement qu'il existe les outils de récupération

[Invité]

Bonsoir,

C'est vraiment très très gentil Ge80 ... Mais je n'ai pas souvenir d'avoir donner une solution sur un sujet comme ça . Il va falloir me rafraichir la mémoire!

D'ailleurs, Aiisu, j'ai une question : vous voulez mettre une même image pour toute les catégories ou une image différente par catégorie?

Cordialement.

[ge80]

Pour la mémoire à Isolde
Solution géniale

la modification se fait via le template index_box.

Voilà le code =>

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}

            {CURRENT_TIME}

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

            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
    </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table
 width="100%" cellspacing="0px" cellpading="0px"><tr><td
class="fondtitres">{catrow.tablehead.L_FORUM}</td><td></td><tr><tr><td
 colspan="2">

<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>
        <!-- BEGIN inc -->
 
      <td class="{catrow.forumrow.inc.INC_CLASS}"
width="46"><img src="{SPACER}" height="0" width="46" alt="."
/></td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
 
          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"
src="{catrow.forumrow.FORUM_FOLDER_IMG}"
alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span>
            </h{catrow.forumrow.LEVEL}>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
        </td>
        <!-- BEGIN forum_link_no -->
        <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.TOPICS}</span>
        </td>
        <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.POSTS}</span>
        </td>
        <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </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></td></tr></table><img
 src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot
--><!-- END catrow -->

Les explications =>

J'ai supprimé ceci:

Code:


        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap"
width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}
</th>
        <th nowrap="nowrap" width="50">{L_TOPICS}</th>
        <th nowrap="nowrap" width="50">{L_POSTS}</th>
        <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
    </tr>

Et à la place j'ai mis ce tableau:

Code:

<table width="100%" cellspacing="0px"
cellpading="0px"><tr><td
class="fondtitres">{catrow.tablehead.L_FORUM}</td><td></td><tr><tr><td
 colspan="2">

Dans la CSS =>

Code:

.fondtitres{
width: largeur de l'image en px;
height: hauteur de l'image en px;
text-align: center;
align: center;
background: url('lien de l'image') center;
background-repeat: no-repeat;
}


[Aiisu]

Merci de ces réponses !

Alors pour l'image ce serait une différente pour chaque catégories.
Et puis je vous demandez ou ce trouve le CSS ?
Moi les codages..

[Invité]

Pour la CSS pas de soucis, c'est facile! Panneau d'admin' > Affichage > couleurs - feuille de style CSS.

Par contre, la solution ne fonctionne pas ... la modification du template met la même image pour toute les catégories. Je suppose qu'il faut bel et bien modifier le template index box, mais je ne sais pas comment.

Cordialement.

[Aiisu]

Merci comme même !

[ge80]

Avec votre première question, j'étais parti avec une image identique par catégorie.
Et ma proposition de l'astuce d'Isolde.


Avec une image différente par catégorie :

Une solution que je n'aime pas que voici

Mettre comme nom de catégorie

Code:

<img src="url image" />

et vous verrez ce joli message en rouge
*** Error in the name of your category ! ***

C'est fonctionnel mais j'ai horreur de ce genre de problème car que se passera-t-il lors d'une future mise à jour ???

[Aiisu]

Oui j'ai remarqué ERROR
Que faire ?

Merci !

[ge80]

Rien
continuer et vous verrez votre image comme catégorie

Quel est le lien de votre image ?

Elle ne doit pas être trop grande sous peine de tout déformer

[Aiisu]

Merci donc malgré le ' Error ' il y aura l'image ?

[ge80]

tout à fait...

Code:

<img src="http://i38.servimg.com/u/f38/15/58/49/13/86510510.png" />

[Aiisu]

Merci bien !

[ge80]

Dommage que votre profil soit incomplet car j'aurai aimé voir le résultat final

Bonne soirée
ge

[Aiisu]

Ah ! Dès que je l'aurais je vous préviendrais

Merci encore !

[ge80]

Merci

Bonnes modifications