Ajouté les icônes de message dans la liste des sujets

Bonjour à tous !

Je ne sais pas vraiment si c'est ici que ce sujet à sa place mais au cas où je poser la question. Voilà, j'ai repris un code en libre service ici ; Liste des sujets Simplette par Onyx que j'ai trouvé vraiment très belle, encore merci pour ce partage ^^.

Seulement cela fait déjà plusieurs jours que je cherche seule un moyen de rajouter un emplacement dans la liste pour pouvoir afficher l’icône de mon sujet mais l’icône reste invisible ... J'ai tout essayer autant dans le CSS que dans le template topics_list_box et rien à faire ça ne rends pas bien Après je n'ai pas non plus envie de tout déformer c'est pour ça que je n'ai pas entasser des codes inutilement, vue que mon niveau est médiocre je n'arrive même pas à comprendre ce que je copie/colle . Voici un petit scan pour montrer ce que je cherche à faire :

https://i.servimg.com/u/f62/18/46/88/08/sans_t18.jpg

J'ai fais tous les sujets forumactif qui traitent sur le sujet, même ici j'ai chercher si quelqu'un n'avait pas la réponse et ce message est mon dernier recours :o. Du coup déjà j'aimerais savoir s'il est possible de le faire étant donné que la liste des sujets est déjà bien élaboré, et ensuite s'il y a un autre endroit que j'aurais oublier d'éditer. Du coup je vous demande un petit coup de main pour rajouter cette fonctionnalité s'il vous plaît et s'il vous est possible de le faire ^^.

Je m'excuse par avance si je ne me trouve pas dans la bonne catégorie pour cela et désolée pour le dérangement que je vais causer :o. Merci beaucoup de prendre du temps pour lire ce message et pour celui ou celle qui m'aideras ^^.

Je me permet un UP !

J'ai le même problème ! Merci d'avance. ~

EDIT : Problème réglé pour moi !

Salut!

Voilà le template modifié :

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
  var all_checked = true;
  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
  }
  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
  }
}
</script>
<!-- END multi_selection -->
<link href='http://fonts.googleapis.com/css?family=Lobster|Great+Vibes' rel='stylesheet' type='text/css' />
<table class="sujets" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="center" align="center">
      <span class="sujets_top_title">
        Liste des sujets
      </span>
    </td>
  </tr>
  <tr>
    <td valign="middle" align="center">
      <table class="sujets_list" cellspacing="0" cellpadding="0">
        <tbody>
<!-- END header_table -->
<!-- BEGIN header_row -->
<!-- END header_row -->
<!-- BEGIN topic -->
          <tr>
            <td valign="middle" align="center" colspan="2">
              <table class="sujet" cellspacing="7" cellpadding="0">
                <tbody>
                  <tr>
                    <td valign="middle" align="left" width="210">
                      <img class="sujet_imgoldnewlock" title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
                      Composé par
                      <span class="sujet_auteur">
                        {topics_list_box.row.TOPIC_AUTHOR}
                      </span>
                      <br />
                      <span class="sujet_stats">
                        Réponses: <em>{topics_list_box.row.REPLIES}</em> | Vues: <em>{topics_list_box.row.VIEWS}</em>
                      </span>
                    </td>
                    <td valign="middle" align="center" width="320">
                      <div class="sujet_type">{topics_list_box.row.TOPIC_TYPE}</div>
                      <a class="sujetlink" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
                      {topics_list_box.row.PARTICIPATE_POST_IMG}
                    </td>
                    <td valign="middle" align="right" width="210">
                      {topics_list_box.row.LAST_POST_IMG} {topics_list_box.row.LAST_POST_TIME}
                      <br />
                      Répondu par
                      <span class="sujet_last_auteur">
                        {topics_list_box.row.LAST_POST_AUTHOR}
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
    <tr>
            <td valign="middle" align="center" colspan="2">
              <table class="sujet" cellspacing="7" cellpadding="0">
                <tbody>
                  <tr>
                    <td valign="middle" align="center">
                      <span class="sujets_font">
                        {topics_list_box.row.L_NO_TOPICS}
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
          </td>
  </tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
  <tr>
    <td align="left">
            <span class="sujets_font">
              {PAGINATION}
            </span>
          </td>
    <td align="right">
            <a href="#top" class="sujets_font">
              {L_BACK_TO_TOP}
            </a>&nbsp;
          </td>
  </tr>
<!-- END bottom -->
<!-- BEGIN footer_table -->
        </tbody>
      </table>
    </td>
  </tr>
</table>
<!-- END footer_table -->
<!-- BEGIN spacer -->
<br class="gensmall" />
<!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Et tu rajoutes ceci :

Code:

/*Image New Old Lock*/
.sujet_imgoldnewlock {
  position: absolute;
  top: 5px;
  left: -20px;
}

Pour modifier la position de l'image, tu modifies le "top" et "left".
(Je ne l'ai pas mis exactement comme sur ton schéma car sinon, cela aurait causé problème si le nom du forum aurait été très large).

Coucou Dixy

Est ce que tu as vu la réponse d'Onyx ?