AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Xiaomi Mi Smart Camera 2K Standard Edition (design ...
Voir le deal
11.39 €
Le deal à ne pas rater :
Google Pixel 7 5G – Smartphone 6,3″ OLED FHD+ 8 Go + 128 Go
316 €
Voir le deal

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

    Dixy
    Dixy
    FémininAge : 30Messages : 234

    Dim 15 Avr 2018 - 15:38

    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 :sorry: 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 Sad. 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 ^^.



    Ajouté les icônes de message dans la liste des sujets ?c=isi&im=%2F8762%2F84558762%2Fpics%2F3210667051_1_13_DkYrqtSL
    Dixy
    Dixy
    FémininAge : 30Messages : 234

    Mer 18 Avr 2018 - 16:09

    Je me permet un UP !



    Ajouté les icônes de message dans la liste des sujets ?c=isi&im=%2F8762%2F84558762%2Fpics%2F3210667051_1_13_DkYrqtSL
    Noak
    Noak
    MasculinAge : 29Messages : 29

    Sam 28 Avr 2018 - 2:58

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

    EDIT : Problème réglé pour moi !
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 1 Mai 2018 - 1:55

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



    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Dim 27 Mai 2018 - 9:21

    Coucou Dixy

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

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de ce problème.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici une dizaine de jours.

    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 18:01