Ajouter une 2eme colonne dans les sujets

[Electro0007]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://serialcomputer2.forumactif.com/

Description du problème

Bonjour,

Ceci est mon 1er forum créer et également mon 1er message ici. Donc pardonnez-moi mon manque d'expérience.


Quand je vais quand une catégorie, on voit bien évidemment tout les sujets. J'aimerais ajouter une 2eme colonne à gauche pour afficher les icônes du sujet.

Je sais que je dois impérativement aller dans les templates - général - topic list box. Mais quoi mettre tel-est la question

Pouvez-vous m'aider. Merci

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif



Non, il n'est pas nécessaire d'éditer les templates. Ce sujet explique comment faire :
Les icônes de messages

[Electro0007]

Merci et quelles seraient les dimensions normal que je pourrais mettre ?

[Neptunia]

Pour les hauteurs et largeurs c'est aussi dans le tutoriel (à la fin)

[Electro0007]

je viens de mettre le code css

dl.icon {
min-height: 40px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 50+50px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 40px 5px;
min-height: 40px;
height:auto !important
}


cela me donne ceci :

Voir l'image:

il me manque que la 2eme colonne

[Neptunia]

au padding-left on vous demande de mettre une somme. La somme de 50+50 c'est 100 !

Il faut donc mettre :

Code:

padding-left: 100px;

[Electro0007]

dl.icon {
min-height: 50px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 100px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 50px 50px;
min-height: 50px;
height:auto !important
}

Voilà et valider également mais la 2eme colonne n'apparait pas Il doit avoir un truc stupide que j'ai oublié ...

[Electro0007]

up

[Electro0007]

up

[Electro0007]

encore up ...

[Lixyr]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour,

Quel serait le contenu de cette deuxième colonne ?

[Electro0007]

Bonjour ou bonsoir merci de vouloir m'aider .

Cela a rapport avec les Icônes du sujet. Comme indiquer ici dans ce tutoriel TUTORIEL J’aimerais inséré ses icones dans cette 2ème colonne en format phpbb3.

J'ai exécuté le tutoriel étape par étape mais rien ne fait. Il doit avoir un truc anodin qui ne fonctionne pas.

[Lixyr]

Bonjour,

Avez-vous
1) Rajouté les images dans la section
Panneau d'administration > Affichage > Gestion des images (mode avancé) > Onglet Icônes de messages
2) Édité un message, coché une Icône du sujet, envoyé votre message édité ?

[Electro0007]

Oui tout a été fait. L'image empiète sur l'autre à gauche. Temporairement, j'ai ajouté un code qui permet de l'afficher vers la droite complètement du titre, mais ce n'est pas ce que je recherche.

[Lixyr]

Je ne les vois pas sur votre forum, mais je vous crois.

On peut tricher, en rajoutant une cellule vide à l'endroit où vous souhaitez cette icône. Ensuite il suffit d'un petit position pour ces images-ci je pense, et ce sera bon. Pouvez-vous me donner le contenu de votre template (ou rajouter vous-même la cellule vide dans le template si vous savez le faire) ?

Code d'une cellule vide :

Code:

<td></td>

[Electro0007]

je présume que vous désirez le templates " topics_list_box" ?

[Lixyr]

Oui, tout à fait.

[Electro0007]

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}()
      {
         alert('MAIN');

         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}()
      {
         alert('ALL');

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

   <div class="forumbg announcement">
      <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.L_TITLE}
               </dt>
               <dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
               <dd class="views">{topics_list_box.row.L_VIEWS}</dd>
                                        <dd class="lastpost"><center><span>Date du dernier message</span></center></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

   <!-- BEGIN table_sticky -->
         </ul>
         <span class="corners-bottom"><span></span></span>
      </div>
      <div class="forumbg">
<div class="inner"><span class="corners-top"><span></span></span></div>
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <!--<dd class="dterm">-->
               <dd class="dterm" style="padding-left:5;">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                                        <strong>Titre des sujets</strong>
               </dd>
               <dd class="posts" style="padding-left45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
               <!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
               <dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
               <dd class="lastpost"><center><span>Message Publié le</span></center></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
   <!-- END table_sticky -->

      <li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
         <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
            <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
               <!-- BEGIN single_selection -->
                  <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
               <!-- END single_selection -->
               {topics_list_box.row.NEWEST_POST_IMG}
               {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
               {topics_list_box.row.TOPIC_TYPE}
               <div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>
               <!-- BEGIN switch_description -->
               <br />
               {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
               <!-- END switch_description -->
               <br />
               {topics_list_box.row.GOTO_PAGE_NEW}
               <span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
               <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
            </dd>
            <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
            <dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
            <dd class="lastpost">

                    <!-- BEGIN avatar -->
                    <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                    <div style="float:left;">
                    <!-- END avatar -->

               <span>{topics_list_box.row.LAST_POST_AUTHOR}&nbsp;<dfn>Message Publié le</dfn>
               {topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>

                    <!-- BEGIN avatar -->
                    </div>
                    <!-- END avatar -->
            </dd>
            <!-- BEGIN multi_selection -->
               <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
            <!-- END multi_selection -->
         </dl>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
   <dl>
      <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
   </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Voilà

[Electro0007]

up

[Lixyr]

Bonsoir,

Je viens de regarder et finalement, je pense qu'on peut faire sans modifier le template. Mais il me faudrait un sujet où vous avez ces deux icônes, que je puisse essayer avant de vous proposer quelque chose.

[Electro0007]

Icones sujet ici:

Voilà

[Lixyr]

Bonjour,

Pouvez-vous donner accès en lisibilité aux invités, pour que je puisse avoir un aperçu direct ?

[Electro0007]

Bonjour,

Pouvez-vous donner accès en lisibilité aux invités, pour que je puisse avoir un aperçu direct ?

J'ai trouvé mieux une section qui est accessible aux invités

ICI:

[Lixyr]

Alors du coup je vous propose ce code-ci :

Code:

dl.icon dd.dterm {
    padding-left: 150px;
    background-position: 50px;
}

A remplacer par celui que vous avez mis.

Dites-moi si ça vous va.

[Electro0007]

Alors du coup je vous propose ce code-ci :

Code:

dl.icon dd.dterm {
    padding-left: 150px;
    background-position: 50px;
}

A remplacer par celui que vous avez mis.

Dites-moi si ça vous va.

Dans le css ou dans le templates topic list box

[Lixyr]

C'est dans le CSS. A mettre à la place du code que vous avez mis, vous, pour mettre le logo tout à droite.

[Lixyr]

Où en-est votre problème ? Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message, Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.

[Electro0007]

Bonjour désolez pour le retard de ma réponse. J'ai essayé le code mais il décale dans le haut le nom des colonnes il doit y avoir un code simple pour y remédier je présume

[Lixyr]

Bonjour,

Pouvez-vous remettre le code que je vous ai fourni pour pouvoir voir ce qu'il se passe ?

[Electro0007]

Voilà fait