Ecriture grossie

[Oz-Chan]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 26.11
Lien du forum : https://nova-aurora.forumactif.com

Description du problème

Bonsoir,

Alors que j'étais en train de modifier la liste de mon forum, l'écriture est d'un coup devenue beaucoup plus grosse ! Y-a-t-il un moyen de la rétrécir sans toucher au reste ? Ainsi que les remettre à la ligne.

Voici le code :

Code:

.cate_sujets {
    background: #ffffff;
  border-radius: 40px 20px ;
  margin: 10px;
    }

.subj-body{ display:flex; justify-content:space-between; margin:1px 5px; background-color:#312f60; padding:10px; border-radius:20px;}

/* Image sur le coté */

.img-subj{ width:30px; }
.img-subj img{ width: 30px;height: 65px;  object-fit: cover;}

/* Titre & Description */

.subj-tit-descr{ width:53%; }
.subj-tit-descr a.topictitle{ margin:0; background:#050628; padding:5px; color:#fff; font-family:'Oswald', sans-serif; border-radius: 10px;
  font-weight:normal; font-size:16px; letter-spacing:3px; text-transform:uppercase; transition:500ms; }
.subj-tit-descr a:hover{ background:#000; }
.subj-tit-descr .genmed{ font-family:Verdana; font-size: 12px; color:#222; display:block; }

/* Vue Reponse et Auteur */

.author-vuerep{ width:15%; }
.vues-mess{ font-family:'Oswald', sans-serif;  font-size:11px; text-align:center; background:#050628; color:#fff; padding:5px 0px; border-radius: 10px;}
.auth-naiss{ font-family:Verdana; font-size:17px; text-align:center; color:#222; margin-top:5px; }
.auth-naiss a{ display:block; margin-top:5px; }
.auth-naiss a span{ text-align:center; }

/* Date et Image */

.subj-dern{ width:25%; margin-top:6px; }
.subj-dern .lastpost-avatar{ position:relative; z-index:14; }
.subj-dern .lastpost-avatar img{ border-radius: 50%;    border: 3px solid #050628;    height: 38px;    width: 38px; object-fit:cover; }
.subj-dern .dern-rep{ background-color:#050628; padding:5px; margin-left: -14px;  padding-left: 31px;position: relative;z-index: 5; border-radius: 10px;
  margin-top: 2px; display: inline-block;}
.subj-dern .dern-rep strong{ color:#fff !important; }

.author-mess{ font-size:10px; }

Merci d'avance

[Oz-Chan]

Up !

[Oz-Chan]

Je me permets de remonter le sujet !

[MlleAlys]

Bonjour,
Pourriez-vous rendre votre forum accessible, afin que l'on puisse inspecter une page concernée ?

[Oz-Chan]

Bonsoir,

C'est fait !

[MlleAlys]

Essayez le code suivant :

Code:

.liste_sujets_boutons {
  font-size: 11px;
}

[Oz-Chan]

Merci beaucoup !! La taille est redevenue normale !

Je vois juste encore deux petits bugs. Il y a Vous pouvez modérer ce forumMarquer tous les sujets comme lusSurveiller les sujets de ce forum

Qui sont collés comme je viens de copier/coller. (forumMarquer)  (lusSurveiller)

[MlleAlys]

Ah oui c'est vrai, pardon, comme invité je ne vois pas le lien...
Pourrais-je avoir le template concerné ?

[Oz-Chan]

Oh, mais t'excuse pas !!

Voilà le template ! Merci encore pour ton aide

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 -->
<table class="forumline subjects-total" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
 
{topics_list_box.row.END_TABLE_STICKY}
 <tr class="subj-body">
          <td class="img-subj">
            <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 class="subj-tit-descr">
            <h2 class="topic-title">
 <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
 </h2>
            <!-- BEGIN switch_description -->
 <span class="genmed">
 <br />
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 </span>
 <!-- END switch_description -->
          </td>
         
          <td class="author-vuerep">   
            <div class="vues-mess">{topics_list_box.row.VIEWS} vues / {topics_list_box.row.REPLIES} réponses</div>
            <span class="auth-naiss">{topics_list_box.row.TOPIC_AUTHOR}</span>
          </td>
         
            <td class="subj-dern"> 
                          <!-- BEGIN avatar -->
            <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                          <!-- END avatar -->
              <div class="author-mess">{topics_list_box.row.LAST_POST_TIME}<br /><span class="dern-rep">{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></div>
          </td>

             
<!-- BEGIN multi_selection -->
 <td class="row2" align="center" valign="middle"><span class="postdetails"><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} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

[MlleAlys]

je ne pense pas que ce soit le bon template, il me semble que cette partie se trouve plutôt dans viewforum_body

[Oz-Chan]

Ah !! Ma faute, je pensais avoir copier celui-ci ! Le voilà
Pardon je n'avais pas eu la notif-

Code:

{TOPICS_LIST_BOX}

<div class="liste_sujets_footer">
     <div class="ls_fil_ariane">
             <a class="nav" href="{U_INDEX}">
                     {L_INDEX}
             </a>
             {NAV_CAT_DESC_SECOND}
     </div>
 
     <div class="ls_nouveau">
             <!-- BEGIN switch_user_logged_in -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
                             <img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" />
                </a>
      <!-- END switch_user_logged_in -->
     </div>
</div>

<div class="liste_sujets_boutons">
     <span class="ls_moderation">
                {S_AUTH_LIST}
        </span>
 
     <a href="{U_MARK_READ}">
                {L_MARK_TOPICS_READ}
        </a>
         
        {S_WATCH_FORUM}
</div>

   <!-- BEGIN switch_legend -->
   <!-- END switch_legend -->

[MlleAlys]

Pas de souci.

- Remplacez votre template par celui-ci :

Code:

{TOPICS_LIST_BOX}
 
<div class="liste_sujets_footer">
  <div class="ls_fil_ariane">
      <a class="nav" href="{U_INDEX}">{L_INDEX}</a>
      {NAV_CAT_DESC_SECOND}
  </div>
  <div class="ls_nouveau">
    <!-- BEGIN switch_user_logged_in -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
      <img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" />
    </a>
    <!-- END switch_user_logged_in -->
  </div>
</div>
 
<div class="ls_moderation gensmall">{S_AUTH_LIST}</div>
<div class="liste_sujets_boutons gensmall">
  <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
  {S_WATCH_FORUM}
</div>

<!-- BEGIN switch_legend -->
<!-- END switch_legend -->

- Remplacez le code css donné précédemment :

Code:

.liste_sujets_boutons {
  font-size: 11px;
}

Par celui-ci :

Code:

.liste_sujets_boutons a {
  display: block;
}

[Oz-Chan]

C'est nickel pour les liens, merci beaucoup !!

Par contre, d'avoir remplacé, j'ai le design des forums qui a aussi changé.

De base, il ressemble aux catégories comme ici (côtés arrondis sur la partie bleue foncées et pas d'espaces entre eux)



et c'est devenu avec un espace en disant bye bye aux arrondis qui sont restés que sur la partie plus claire.



Encore merci pour ta précieuse aide !


EDIT : Ah je viens de voir un autre problème. Mes catégories internes ont complètement disparues et on peut y accéder que par les liens !

[MlleAlys]

Voilà qui est étrange, je n'ai pas modifié la structure du template autre-part que le bloc de modération... Le reste du template, ce n'est que la mise en page qui a été réalignée.... Je ne comprends pas comment cela a pu créé ces problèmes.
Le problème disparait-il lorsque vous remettez le précédent template ?
Avez-vous fait d'autres modifications dernièrement ?

[Oz-Chan]

Pour ce qui concerne la disparition des catégories, on m'a dit que le problème était venu ce matin aussi sur un autre forum. Même avec l'ancien template, elles ne réapparaissent pas je viens de tester et je n'ai rien modifié en dehors de ce que tu m'as dit. J'ai également regardé la structure hiérarchique, rien n'a bougé.

Idem pour la mise en forme.

[MlleAlys]

Si le problème ne disparait pas lorsque vous remettez l'ancien template, c'est que le problème ne vient pas du nouveau, vous pouvez donc garder le nouveau.
Concernant l'arrondi des coins je ne vois aucun code, même dans le css de votre premier message, pour en appliquer un au code actuel de la liste des sujet...

Pour ce qui est de la hiérarchie, je ne suis pas sûre d'avoir compris : Vous avez des sous-forums dans votre hiérarchie qui n'apparaissent pas sur le site ?

[Oz-Chan]

Pour ce qui concerne le premier sujet des arrondis, il est possible qu'il ait sauté en même temps que mon copier/coller. My bad ! Pouvez-vous me le redonner tout en gardant l'espacement ? J'avais mis celui-ci pour les catégories que vous m'aviez une fois donné, pour les sujets aussi...


Pour ce qui concerne les sous catégories je vous donne un exemple.
Sur "Bureau du savoir" il y a trois sous catégories (Administration, Notre Histoire, Annexes), mais quand nous cliquons dessus, aucune apparait alors que hier soir quand j'ai été me coucher, elles étaient toujours là.
Je ne peux y accéder qu'en cliquant sur le lien "Notre Histoire" alors qu'à l'intérieur, elles sont invisibles...

Encore merci pour votre aide !

[MlleAlys]

Ah oui je vois, pour les catégories manquantes : En fait, je pense que le template que vous m'avez donné n'était pas complet, vous en avez donc perdu le début.
Remplacez le template "viewforum_body (affichage d'UN forum)" par celui-ci :

Code:

{BOARD_INDEX}

<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>
      <td class="nav" valign="middle" width="100%">
            <div class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}
            </div>
        </td>
        <!-- BEGIN show_plus_menu -->
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
         <span class="nav">
            <script type="text/javascript">//<![CDATA[
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
        <!-- END show_plus_menu -->
   </tr>
</table>

{TOPICS_LIST_BOX}
 
<div class="liste_sujets_footer">
  <div class="ls_fil_ariane">
      <a class="nav" href="{U_INDEX}">{L_INDEX}</a>
      {NAV_CAT_DESC_SECOND}
  </div>
  <div class="ls_nouveau">
    <!-- BEGIN switch_user_logged_in -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
      <img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" />
    </a>
    <!-- END switch_user_logged_in -->
  </div>
</div>
 
<div class="ls_moderation gensmall">{S_AUTH_LIST}</div>
<div class="liste_sujets_boutons gensmall">
  <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
  {S_WATCH_FORUM}
</div>

<!-- BEGIN switch_legend -->
<!-- END switch_legend -->

[Oz-Chan]

Oh effectivement, c'était ça pour l'affichage. Je me disais que le code était devenu minuscule... Merci beaucoup !

Il manque que le problème des arrondis et de la marge  sur le fond foncé ici !

[MlleAlys]

ce problème semble lui plutôt lié au template "liste des sujets", auquel nous n'avons pas touché, vous avez donc dû faire une modification par vous même sur ce template.

[Oz-Chan]

Le voici !

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 -->
<table class="forumline subjects-total" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
 
{topics_list_box.row.END_TABLE_STICKY}
 <tr class="subj-body">
          <td class="img-subj">
            <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 class="subj-tit-descr">
            <h2 class="topic-title">
 <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
 </h2>
            <!-- BEGIN switch_description -->
 <span class="genmed">
 <br />
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 </span>
 <!-- END switch_description -->
          </td>
         
          <td class="author-vuerep">   
            <div class="vues-mess">{topics_list_box.row.VIEWS} vues / {topics_list_box.row.REPLIES} réponses</div>
            <span class="auth-naiss">{topics_list_box.row.TOPIC_AUTHOR}</span>
          </td>
         
            <td class="subj-dern"> 
                          <!-- BEGIN avatar -->
            <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                          <!-- END avatar -->
              <div class="author-mess">{topics_list_box.row.LAST_POST_TIME}<br /><span class="dern-rep">{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></div>
          </td>

             
<!-- BEGIN multi_selection -->
 <td class="row2" align="center" valign="middle"><span class="postdetails"><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} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

[MlleAlys]

Essayez à la place celui-ci, il n'y aura surement toujours pas d'arrondi, mais normalement plus d'espace :

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 -->
 
<div class="forumline subjects-total" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- BEGIN pagination -->
  <div class="sj-pagin gensmall">{PAGINATION}</div>
  <!-- END pagination -->
 
  <!-- END header_table -->
 
  <!-- BEGIN header_row -->
  <div class="ls-title">{topics_list_box.row.L_TITLE}</div>
  <!-- END header_row -->
 
  <!-- BEGIN topic -->
  <table width="100%">{topics_list_box.row.END_TABLE_STICKY}</table>
 
  <div class="subj-body">
   
    <div class="img-subj">
      <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}" />
    </div>
   
    <div class="subj-tit-descr">
      <h2 class="topic-title">
        <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
      </h2>
      <!-- BEGIN switch_description -->
      <div class="subj-descr genmed">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div>
      <!-- END switch_description -->
    </div>
   
    <div class="author-vuerep">
      <div class="vues-mess">{topics_list_box.row.VIEWS} vues / {topics_list_box.row.REPLIES} réponses</div>
      <div class="auth-naiss">{topics_list_box.row.TOPIC_AUTHOR}</div>
    </div>
   
    <div class="subj-dern">
      <!-- BEGIN avatar -->
      <div class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div>
      <!-- END avatar -->
      <div class="author-mess">
        {topics_list_box.row.LAST_POST_TIME}
        <br /><span class="dern-rep">{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span>
      </div>
    </div>
   
    <!-- BEGIN multi_selection -->
    <div class="postdetails">
      <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} />
    </div>
    <!-- END multi_selection -->
 
  </div>
  <!-- END topic -->
 
  <!-- BEGIN no_topics -->
  <div class="gen row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30">{topics_list_box.row.L_NO_TOPICS}</div>
  <!-- END no_topics -->
 
  <!-- BEGIN bottom -->
  <div class="sj-pagin gensmall">{PAGINATION}</div>
  <a class="sj-top" href="#top">{L_BACK_TO_TOP}</a>
  <!-- END bottom -->
 
  <!-- BEGIN footer_table -->
  </div>
  <!-- END footer_table -->
 
  <!-- BEGIN spacer -->
  <!-- END spacer -->
 
  <!-- END row -->
  <!-- END topics_list_box -->

[Oz-Chan]

Effectivement, il y a plus d'espace, mais aussi entre les sujets et j'aimerai que sur les côtés comme sur les catégories et oui, il n'y a toujours pas les arrondis alors que c'est principalement le but recherché !

[MlleAlys]

L'arrondi et les marges sont faciles à régler en css une fois que la structure est adaptée !
Mais je vois toujours l'ancien template et pas le nouveau ?

[Oz-Chan]

Oui, je ne l'ai juste pas encore validé ! Vu que je ne sais pas où mettre l'arrondi en balise dans mon CSS. J'ai tendance à valider une fois le tout en ordre.

[MlleAlys]

Le css nécessaire sera bien plus simple à écrire si la structure à laquelle il va s'appliquer est déjà en place : Je peux voir son effet directement sur votre forum avant même que vous ne l'installiez, et donc l'adapter en conséquence pour vous donner une version optimale... Mais pour cela le bon template doit être en place.

[Oz-Chan]

C'est publié ! Je ne savais pas que le précéder se passait ainsi !

[MlleAlys]

Ce n'est pas la seule façon, mais dans des cas comme celui-ci, c'est ce que je trouve le plus simple et ce que je préfère.
Je ne comprends pas bien pourquoi vous avez un caractère "espace" qui crée cet écart entre vos sujets, alors que je ne le vois pas dans le template que je vous ai donné, et qu'il n'apparait pas non plus sur mon forum test...
Cependant, on peut le cacher facilement :

Pour l'arrondi et les espaces, vous pouvez ajouter le code suivant dans votre css, et adapter les valeurs si besoin :

Code:

.subjects-total {
  border-radius: 30px;
  font-size: 0;
  padding: 10px;
}

- border-radius : arrondi
- font-size : pour cacher l'espace, si vous savez d'où ce dernier vient pour nous en débarrasser, vous pourrez retirer cette ligne
- padding : la marge intérieure du cadre foncé, pour écarter les sujets du bord du cadre.

EDIT : pensez peut être à vérifier également l'affichage lorsqu'il y a plusieurs pages de sujets, et donc une pagination en plus.

[Oz-Chan]

Effectivement, je ne sais pas d'où il vient.. Possiblement d'un autre code qui décide de nous faire une farce.

Tout est nickel, merci beaucoup ! J'ai juste une dernière question. Je tente de mettre une bordure de couleur comme sur la catégorie au-dessus pour l’harmonie avec un
border: 2px #couleur;

Ca ne fonctionne pas.

[MlleAlys]

Une bordure est décrite par trois informations : la largeur, le style de bordure, et la couleur.
En vérité, c'est surtout le style de bordure qui est obligatoire, les deux autres étant complétées par défaut si non précisées.
Une bordure "normale" est dite "solid", ce qui donne le code css :
border: 2px solid #couleur;