Et oui, encore un "gérer l'apparence des Cathégories" ^^

[Tsukiyo Yume]

Hellow ^^
Bon je ne sais pas trop si c'est la même chose pour les autres, mais voilà un truc qui ressemble pas mal à ce que j'aimerais:

Bref, les deux grands cadres sont les fonds et le plus petit est l'image du nom de la catégorie...
J'ai cherché et re-cherché comment faire, mais je ne trouve pas.
Pourriez-vous m'aider s'il-vous-plait?

(petite précision, mon Template Index-box a été modifié ce qui donne ceci: )

[tupac]

Bonsoir

De nombreux sujets existe sur le forum en tapant ( image ) ou ( catégorie ) dans la barre de recherche,avez-vous fait cette recherche?

[Tsukiyo Yume]

oui, mais j'ai pas été satisfaite de ce que j'ai trouvé. sauf pour l'image du petit carré. c'est surtout pour le fond en haut et en bas de la catégorie que je trouve pas...

Alors tant qu'on y est, j'aurais aimé qu'on m'explique ce qu'il faut faire tout en même temps au cas ou je fais une gaffe. Déjà que je gaffe souvent en codage... ^^'

[tupac]

Donc votre template a subi des modifications,il me le faudrait pour que je fasse les changements chez moi ensuite je vous expliquerait comment faire a partir de votre template.

[Tsukiyo Yume]

Le voilà:

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



 
<!-- DEBUT DES MODIFICATIONS FAITES PAR QUIERRA -->

<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th  colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap"  width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </tr>
  <!-- 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>
     
  <!-- 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">

    </td>

    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                                                                                                           
      <table width="100%" cellspacing="5" cellpadding="0">
            <tr>
                <td  class="gauche"  width="80%" align="left"  valign="top">
                  <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}>
                      <div class="description_forum"> 
                            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>     
                        </div>

                    <span class="gensmall">
                            <!-- BEGIN switch_moderators_links -->
                      {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} 
            <!-- END switch_moderators_links -->
            <div class="lien_bas">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
              </span>

              </td>
              <td class="droite" width="20%" 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}" />     
                  <div class="sujets_messages"> <span class="gensmall" style="color:#000000;">{catrow.forumrow.TOPICS} sujets, {catrow.forumrow.POSTS} messages</span></div>
                  <div class="dernier_messages"><span class="gensmall" style="color:#000000;">{catrow.forumrow.LAST_POST}</span></div>
              </td>
          </tr>
      </table>
  </td> 
</tr>
  <!-- END forumrow -->

<!-- FIN DES MODIFICATIONS FAITES PAR QUIERRA -->



   <!-- 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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

C'est bien aimable à vous ^^
De plus, il est rare de lire du vouvoiement sur un forum, je trouve ça assez chou et bien élevé ~ x'3

[tupac]

J'ai remarqué que vous aviez deux fois un morceau dans votre template ce qui vous faisait une petite case de 3,4 min sur le côté gauche de votre catégorie donc pour remédier a ça supprimer la partie suivante qui est en double.

Code:

    <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
 
    </td>

Donc pour placer l'image au dessus de vos catégories faite comme ceci.
Repérer cette partie et supprimez-la.

Code:

<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th  colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap"  width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </tr>
  <!-- END tablehead -->

Remplacez-la par celle-ci vous devez placer votre image a l'intérieur.

Code:

        <!-- BEGIN tablehead -->
<div style="background-image : url( VOTRE IMAGE ICI ) ; background-repeat : no-repeat ; width : 772px ; height : 121px"><div class="titre_cat">{catrow.tablehead.L_FORUM}</div></div>


        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- END tablehead -->

Puis dans votre feuille de style css placer ce code.

Code:

.titre_cat{
text-align : center ;
position : relative ;
top : 40px ;
}

[Invité]

Bonjour,

Je déplace dans la rubrique problème avec le CSS / les templates, et je retire la capture d'écran pour que la demande soit conforme aux règles spécifiques de la section.

Cordialement.

[Tsukiyo Yume]

D'accord, merci et avez vous la solution pour le bas de la catégorie?
Dois-je refaire le même code dans le <!-- BEGIN catfoot --> ?
(et merci beaucoup pour la case, je ne savais pas quel ligne enlevé ^^')

Isolde; Merci beaucoup et un gros merci pour la nouvelle image =)

[tupac]

Désolé j'avais oublié l'image du bas

Donc repérer cette partie en bas du template.

Code:

          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table>

Et placer ce simple code juste après.

Code:

<center><img src=" votre image ici " alt="" height="100%" width="100%" /></center>

[Tsukiyo Yume]

Bon désolé j'ai eu quelques petits problèmes d'internet ^^
Bref, ça marche \o/ mais j'ai laisser tomber l'idée de faire l'image du bas. Je ne sais pas pourquoi, mais même si c'étais la même image, celle d'en haut était moins large que celle d'en bas e je n'arrivait pas à tout calibrer.
M'enfin, ça reste que ça m'a été très utile ^^
Merci encore!

[Invité]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif