Icone new message en background Last Post

[akito73]

Bonjour.

Je voudrais mettre les images (légende nouveaux messages, pas de nouveaux messages et vérrouiller) qui apparait dans les catégories en background derrière le Last Post.

Comment faire? Pouvez vous m'aider??  Merci d'avance.

[Neptunia]

Bonjour ^^


Vous voulez uniquement l'image Nouveau message comme l'indique le titre du sujet ou vous voulez l'une des 3 images comme l'indique le contenu de votre message ?

[akito73]

Vous savez quand quelqu'un repond a un sujet, l'image change selon si la personnes a vu le sujet ou pas. C'est ca que je veux mettre, mais en fond.

Je vais mettre une image pour m'expliquer, ca sera peut etre mieux xD

https://2img.net/image.noelshack.com/fichiers/2014/14/1396236809-exemple.png

En fait je voudrais que l'image (que j'ai entouré en rouge, et qui correspond donc à "nouveau messages" / "pas de nouveau message" / "verrouiller") devienne le background de la zone entouré en rouge, et qui correspond au last post. Car l'image est actuellement au dessus, mais je voudrais qu'elle viennent en dessous, tout en gardant le fait que l'image change selon les nouveaux posts ou pas)

[Neptunia]

J'ai eu bien fait de demander parce que j'avais pensé que vous vouliez signaler les nouveaux messages. C'est à dire reprendre l'image nouveau message en arriere plan si un ou des nouveaux messages sont postés, et rien dans le cas contraire.

Je pense toutefois que c'est réalisable via le template. Pourrions nous avoir :
- Le lien du forum (à priori c'est pas celui de votre profil) avec au moins une catégorie ou forum visible en invité sur l'index. Visible, mais pas nécessairement lisible.
- Le contenu de votre index_box (uniquement si celui-ci a été modifié)

[akito73]

Oui bien sur! Par contre c'est encore pour mon autre forum, meme pas celui de l'image xDD

http://misguidedghosts.forumactif.org/ voila le lien, et voici le code!

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->

         <!-- 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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <div class="categonglet">{catrow.tablehead.L_FORUM} </th>
          </div>
   </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>
      <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="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}>
        <br><div class="cat"><center><div class="nbsuj">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets</div></center><table>
<tr>
  <div class="cate"><td valign="top"><span class="genmed"><div class="desc">{catrow.forumrow.FORUM_DESC}</div></span></div>
<span class="gensmall" id="subforums">
  <!-- BEGIN switch_moderators_links -->
  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
  <!-- END switch_moderators_links -->
  <div class="liensdes">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</span>
    <script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' » ')).removeAttr('id');
</script>
<span class="gensmall">
  </td></div>
<td valign="top"><div class="dermess"><center>
  <table><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
    <td><center><span class="gensmall"><div style="margin-left:10px;">{catrow.forumrow.LAST_POST}</div></span></center></td></table></center>
</div>
</td>
</tr>
</table>
         </span>
      </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 -->

[Neptunia]

Bon, je préfère expliquer la manip depuis le template de base, parce que le votre, j'ai l'impression qu'il contient quelques erreurs sans savoir les corriger.

Remplacer :

Code:

<td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

par

Code:

<td class="row3 over" align="center" valign="middle" height="50" style="background-image:url({catrow.forumrow.FORUM_FOLDER_IMG});">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

On remplace la balise <img src ...> par une balise <style ...>
Il faudra également gérer la répétition ou non du fond par cette même balise, mais l'essentiel est en place. L'image passe en arrière-plan.

Si j'ai bien compris votre template, il y a deux cellules -> l'une pour l'icône l'autre pour le lien du dernier message. J'imagine que le but est de fusionner par la suite.

[akito73]

Merci! Ca marche c'est ce que je voulais ^^ Merci beaucoup ^^

Au passage, je voulais vous demander si vous saviez comment enlever l'espace qu'il y a ici:

https://2img.net/image.noelshack.com/fichiers/2014/14/1396240181-example2.png

[Neptunia]

Vous pouvez placer un height dans votre <th>

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <div class="categonglet">{catrow.tablehead.L_FORUM} </th>

Ou passer par le css en attribuant une hauteur a .secondarytitle ou à .categonglet

[akito73]

Merci pour votre aide!!