Emplacement de l'image de description de catégorie ?

[.1019]

Bonjour bonjour à nouveau !

Alors voilà, j'ai déjà vu sur d'autres forums des placements d'images liées aux catégories (du genre, catégorie "Dortoirs" : une image d'un dortoir) ailleurs que DANS la description. Pour être plus clair, voici un screen de Slumberland:

http://img.ctrlv.in.s3.amazonaws.com/img/519ce01cc0016.jpg

Comme vous pouvez le voir, ils ont une image de château pour leur château par exemple. Le truc, c'est qu'ils l'ont placé juste à côté de la description.

http://utopia.creer-forums.fr/ Voici mon forum, celui sur lequel je travaille en ce moment. ( http://img.ctrlv.in.s3.amazonaws.com/img/519ce0ea6ec7f.jpg un screen pour ceux qui préfèrent).

J'ai essayé d'intégrer l'image via la description de forum et avec un petit code (du genre div margin-left: 500px, un truc assez dégueulasse en somme), mais évidemment, ça reste dans le div de description dans mon template index_body (le truc bleu de la catégorie qui s'allume quand on passe dessus, avec la bordure rouge de 5px).

Comme vous pouvez le voir sur le screen, il y a un petit coin rouge, sur la droite: c'est là que je veux placer, par exemple, cette image: https://2img.net/image.noelshack.com/fichiers/2013/21/1369232583-description01.png. J'avais pensé à bidouiller les templates encore une fois, mais je ne veux pas cette image pour toutes les catégories, vous me suivez ?

Donc, pour résumer, mon problème, c'est: j'aimerais placer une image à l'endroit rouge à droite, mais il reste dans le div de mon template, et donc il est compté comme de la description. Est-ce que quelqu'un peut m'aider ?

Merci !

[Matriochka]

Bonjour,

Peux-tu envoyer ici ton template index_box modifié ? Ce sera déjà plus simple pour t'aider

[.1019]

Haha, attention alors, parce que c'est très très moche ! (mais j'aime ma façon de coder)

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 --><table width="100%" border="0" cellspacing="0" 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 -->
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="categorie">
               <a class="categorie" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">» {catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
   </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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forum">
               <a class="forum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
                     <div style="background-position: left center; width: 626px; background-color: #00b2ff; height: 110px; background-image: url('http://image.noelshack.com/fichiers/2013/21/1369182412-descriptionfond.png'); background-repeat: no-repeat;">
         <span class="genmed">
                        <br />
                        <div style="background-color: #00b2ff; width: 481px; height: 92px; padding: 3px; margin-top: -11px; margin-left: 129px; border: 3px solid #b40000; overflow: auto;" class="lumiere" align="justify">
 
         {catrow.forumrow.FORUM_DESC}
 
         </div></span>

                     </div>
      </td>
             <td>
             </td>
             <td>
               
                <div style="margin-top: 30px; width: 172px; height: 110px; background-color: #b40000; margin-left: -172px;">
                </div>
               
             </td>
      
   </tr>
   <tr>
          <td>
          <div style="height: 13px; width: 793px; background-color: #b40000; padding: 2px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">
          <span class="color"><center>
      <!-- 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}
          </center></span>
          </div>
          </td>
   </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

En fait, je pense que l'image, quand on l'ajoute directement via la description de la catégorie (habituellement donc), elle est comptée dans:

Code:

{catrow.forumrow.FORUM_DESC}

Et comme c'est bloqué dans un div, ça m'embête.

[Matriochka]

Exact, l'image de la description est comprise dans la variable {catrow.forumrow.FORUM_DESC}. Vu comme tout ça est agencé, j'imagine que le mieux serait encore d'intégrer l'image directement dans la description, en créant toi-même (donc sans le template et les variables) le cadre rouge. Je pense que c'est ce qu'ils ont fait sur le forum que tu montres.

[.1019]

D'accord, je pensais exactement la même chose, en fait. Je vais quand même attendre pour voir s'il y a d'autres réponses ; sinon, je ferais cela. Merci beaucoup de votre aide !

[.1019]

Excusez pour le Double-Post, mais je vais faire comme proposé au final. (ça marche d'ailleurs ! o/) Problème résolu !