Liste des messages, boutons ne s'affichent pas

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Liste des messages, boutons ne s'affichent pas

Message par Melodiam le Mer 2 Sep 2015 - 22:33

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://louloutest.forumactif.org/

Description du problème

Coucou !

C'est encore et toujours et encore moi....... <.<

Voilà, j'ai un petit souci avec un code pour embellir mon topic_list_box !

Voyez vous, il n'y a pas d'image "nouveau" "verrouillé" "post-it" ou "annonce" et j'aimerais en créer et les rajouter.

Comme sur mon schéma (ma capture retouchée) :
http://i61.tinypic.com/287hpih.png
L'image carrée serait en gros la même que pour "nouveau", "pas de nouveau" etc. Sa taille, je dirais 70x70 !

Que dois-je rajouter au code pour que cela marche ?
Voici le code au complet :
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">
                      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 -->

MERCI À VOUUUUUS !


Dernière édition par Melodiam le Ven 4 Sep 2015 - 11:26, édité 1 fois

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste des messages, boutons ne s'affichent pas

Message par Teurancher le Jeu 3 Sep 2015 - 12:30

Yosh,
On va commencer doucement mais sûrement ^-^

Déjà: remplacer l'intégralité du template par le suivant:

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"><td class="sujet_image"><img src="https://www.metro.fr/~/media/FR-Metro/Graphic-and-Pictogram/Service-Pictogram/ServiceAditionnel_IMG_70x70_Telephonie.jpg" /></td>
                      <table class="sujet" cellspacing="7" cellpadding="0">
                        <tbody>
                          <tr>
                            <td valign="middle" align="left" width="210">
                              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 -->

Panneau d'administration Affichage Couleurs Feuille de style CSS
Code:
.sujet_image { display: inline-block; }

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste des messages, boutons ne s'affichent pas

Message par Melodiam le Jeu 3 Sep 2015 - 14:14

Heeeey ! Décidément, t'es assigné à m'aider, merci en tous cas !! ^^

Alors, l'image apparaît mais cela me donne un décalage du reste vers le bas : http://i61.tinypic.com/34qsqw6.png

C'est une question d'alignement qu'il faut régler ?

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste des messages, boutons ne s'affichent pas

Message par Teurancher le Jeu 3 Sep 2015 - 16:03

J'essaie d'aider avec mes connaissances. :B

Remplacer l'intégralité du template par le suivant:

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 class="sujet_image"><img src="https://www.metro.fr/~/media/FR-Metro/Graphic-and-Pictogram/Service-Pictogram/ServiceAditionnel_IMG_70x70_Telephonie.jpg" /></td><td valign="middle" align="center" colspan="2">
                      <table class="sujet" cellspacing="7" cellpadding="0">
                        <tbody>
                          <tr>
                            <td valign="middle" align="left" width="210">
                              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 -->

Panneau d'administration Affichage Couleurs Feuille de style CSS
Code:
.sujet_image { display: inline-block; float: left; }
[/quote]

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste des messages, boutons ne s'affichent pas

Message par Melodiam le Jeu 3 Sep 2015 - 18:22

Comparées aux miennes, tes connaissances c'est le nirvana... les miennes c'est ... un égout. '__'

C'est parfait !! Maintenant comment faire pour que ce soit mes images qui s'affiches, les boutons "pas de nouveau message" "post-it" "annonce" etc ? °°

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste des messages, boutons ne s'affichent pas

Message par Teurancher le Jeu 3 Sep 2015 - 20:24

Tu peux remplacer le CSS .sujet_image par le suivant si tu souhaites ajouter un espace à droite;

Code:
.sujet_image {
    display: inline-block;
    float: left;
    margin-right: 3px;
}

Remplacer l'intégralité du template par le suivant:

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 class="sujet_image"><img 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}" /></td><td valign="middle" align="center" colspan="2">
                      <table class="sujet" cellspacing="7" cellpadding="0">
                        <tbody>
                          <tr>
                            <td valign="middle" align="left" width="210">
                              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 -->

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liste des messages, boutons ne s'affichent pas

Message par Melodiam le Ven 4 Sep 2015 - 11:26

TROP COUUUULE COOOL COULE !

Ça marche du tonnerre, c'trop bien. u_u

MERCI POUR TON AIDE ! /o/

Melodiam
****

Messages : 206
Inscrit(e) le : 16/04/2012

Melodiam a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum