Retirer annonces globales dans la partie "blog"

[Yunie16]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

Je travaille depuis un moment sur un forum test dont les codes ont été créés sur mesure pour une de mes admins sans avoir été aboutis, du coup je galère un chtit peu à les finir ^^'
Mon problème du moment ce sont les blogs, que j'aimerais transformer pour en faire une zone "sms" comme on voit sur plusieurs forums rpg (attendez-vous donc à ce que je poste plusieurs sujets quand j'aurai accès à un ordi où je peux faire des screenshots /sort)

Pour cette première question, j'aimerais retirer les annonces globale de la liste des sujets, parce que ça affiche l'entièreté des messages dans le listing et c'est assez lourd, je sais pas si c'est comme ça de base ou si c'est la codeuse qui l'a voulu ainsi mais soit : j'aimerais le retirer. J'ai vu un vieux sujet ici qui résolvait le problème (https://forum.forumactif.com/t318722-comment-puis-je-faire-pour-supprimer-une-annonce-globale-sur-mon-blog) MAIS, la ligne de code dans le template à modifier... n'existe pas dans mon template TT Donc je ne sais pas où mettre le code qui se rapportera au JavaScript...

Je vous mets le template ici, j'y ai personnellement pas encore touché à celui-là :

Code:

<!-- BEGIN topics_blog_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}()
      {
         alert('MAIN');

         var all_checked = true;

         for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++)
         {
            if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}')
            {
               all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
            }
         }

         document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}()
      {
         alert('ALL');

         for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++)
         {
            if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}')
            {
               document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
            }
         }
      }

      </script>
   <!-- END multi_selection -->

   <div class="forumbg announcement">
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_blog_box.row.L_TITLE}
               </dt>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none bloglist">
<!-- END header_table -->

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

<!-- BEGIN topic -->

   <!-- BEGIN table_sticky -->
         </ul>
      </div>
      <div class="forumbg">
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <dd class="dterm" style="padding-left:0">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_blog_box.row.topic.table_sticky.L_TITLE}
               </dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none bloglist">
   <!-- END table_sticky -->

      <li class="row {topics_blog_box.row.ROW_ALT_CLASS}" style="margin-top:<!-- BEGIN line_sticky -->5px<!-- END line_sticky -->;">
         <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
         <!-- END single_selection -->
         <div class="blog_cal-border">
            <div class="blog_cal-content">
               <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS0}">{topics_blog_box.row.FIRST_POST_DMY_VALUE0}</span>
               <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS1}">{topics_blog_box.row.FIRST_POST_DMY_VALUE1}</span>
               <span class="blog_cal-{topics_blog_box.row.FIRST_POST_DMY_CLASS2}">{topics_blog_box.row.FIRST_POST_DMY_VALUE2}</span>
            </div>
         </div>
         <div class="bloglist-head">
            <div class="blog_title">
               <div class="topic-title-container">
                  {topics_blog_box.row.NEWEST_POST_IMG}
                  {topics_blog_box.row.PARTICIPATE_POST_IMG}
                  {topics_blog_box.row.TOPIC_TYPE}
                  <h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
               </div>

               <!-- BEGIN switch_description -->
               <span class="genmed">
                  {topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
               </span>
               <!-- END switch_description -->
            </div>
            <div class="blog_comments">
               <i class="ion-ios-person"></i>{topics_blog_box.row.TOPIC_AUTHOR}
               <a class="blog_comments-num" href="{topics_blog_box.row.U_VIEW_TOPIC}#comments"><i class="ion-chatbubbles"></i>{L_COMMENTS}: {topics_blog_box.row.REPLIES}</a>
               {L_VIEWS}: {topics_blog_box.row.VIEWS}
            </div>
         </div>
         <div class="blog_message">
            {topics_blog_box.row.FIRST_POST_TEXT}
         </div>
         <!-- BEGIN nav_tree -->
            {topics_blog_box.row.TOPIC_NAV_TREE_NEW}
         <!-- END nav_tree -->
         <!-- BEGIN multi_selection -->
            <input onclick="check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} />
         <!-- END multi_selection -->
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
   <dl>
      <dt><strong>{topics_blog_box.row.L_NO_TOPICS}</strong></dt>
   </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_blog_box -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

Merci d'avance

[Toryudo]

Bonjour !

Alors effectivement, la solution du vieux sujet ne fonctionne pas sur ModernBB.
Ce que vous allez faire, au niveau du Template topics_blog_box, c'est modifier la ligne 81 qui va passer de :

Code:

      <li class="row {topics_blog_box.row.ROW_ALT_CLASS}" style="margin-top:<!-- BEGIN line_sticky -->5px<!-- END line_sticky -->;">

à

Code:

      <li class="row {topics_blog_box.row.ROW_ALT_CLASS}" style="margin-top:<!-- BEGIN line_sticky -->5px<!-- END line_sticky -->;" data-blogtype="{topics_blog_box.row.TOPIC_TYPE}">

On ajoute le type du sujet (annonce globale, annonce, post-it ou rien pour les sujets normaux) à une data qu'on appelle "blogtype".
Ensuite, il ne reste plus qu'à ajouter du CSS pour cibler la data-blogtype et faire un display: none quand cette data contient le mot "globale" :

Code:

.bloglist li[data-blogtype*="globale"]{
  display: none;
}

Normalement, le tour est joué !

[Yunie16]

Ah super merci **

Et toujours au même endroit, je viens de réaliser qu'il n'y a pas de zone de titre comme dans le listing des sujets, la petite zone au-dessus de tous les sujets, je peux reprendre le code du template "topics_list_box" correspondant et simplement modifier la variable pour qu'elle corresponde au template de blog vous pensez ?

(C'est peut-être pas tout à fait clair, je suis sur téléphone je ferai des captures d'écran en rentrant chez moi si besoin)

[Toryudo]

N'hésitez pas à ouvrir un nouveau sujet pour chaque nouvelle demande (même les petites questions rapides), c'est plus pratique pour la recherche ensuite !

Comme c'est très spécifique à vos modifications de Template, je réponds quand même ici : la barre est bien présente, elle est juste écrite en "blanche sur fond blanc" (ici, on voit écrit "Sujets" si on fait bien attention).


Si je compare les Template, je remarque que vous avez ajouté une class "post-sujet-hea" sur l'élément <li class="header"> dans la liste des sujets, vous pourrez donc rajouter cette class "post-sujet-hea" sur le <li class="header"> du Template topics_list_box pour obtenir le même effet !

[Yunie16]

Ah oui pardon, comme c'était lié à la même zone je n'y ai pas pensé...

J'ai testé votre solution du coup et ça fonctionne merci ! J'ai failli dire que non mais j'ai remarqué pendant que je rédigeais mon message qu'il fallait mettre la class à deux endroits du template xD
Encore merci pour votre efficacité et votre aide