Ajouter une colonne "auteur" dans les sous-forums phpbb3

[Electro0007]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Ajouter une colonne "auteur" entre les colonnes : "réponses" & "vues"
Lien du forum : http://serialcomputer2.forumactif.com/

Description du problème

Bonjour Tlm,

               J'aurais besoin d'aide, pour un script ou un code, qui me permettrait d'ajouter une colonne "auteur" avant les colonnes "Réponses & "Vues" dans les sous-forums.

Un peu comme sur ce forum.

                Merci d'avance

[Neptunia]

Bonjour ^^


Je ne répondrais pas à la question mais vous avez ouvert 6 sujets dont les 3 suivants.

Ajouter une 2eme colonne dans les sujets Sujet demandant à ce que les icônes de messages et celles de sujet ne soient plus superposées, comme sur phpBB2

Créer colonne visible qui définit les emplacements des icônes sujet. Pour que l'icône de sujet soit dans une case avec des délimitations visibles, comme en phpBB2

Celui-ci, où vous fournissez comme modèle un forum phpBB2.


La moitié de vos sujets vise à reproduire l'apparence d'un forum phpBB2 !
Si la version phpBB2 vous plait tant, pourquoi ne pas l'avoir choisie, au lieu de prendre une autre version et de tout mettre en œuvre pour qu'elle ressemble à du phpBB2 ?

[Electro0007]

Bonjour ^^


Je ne répondrais pas à la question mais vous avez ouvert 6 sujets dont les 3 suivants.

Ajouter une 2eme colonne dans les sujets Sujet demandant à ce que les icônes de messages et celles de sujet ne soient plus superposées, comme sur phpBB2

Créer colonne visible qui définit les emplacements des icônes sujet. Pour que l'icône de sujet soit dans une case avec des délimitations visibles, comme en phpBB2

Celui-ci, où vous fournissez comme modèle un forum phpBB2.


La moitié de vos sujets vise à reproduire l'apparence d'un forum phpBB2 !
Si la version phpBB2 vous plait tant, pourquoi ne pas l'avoir choisie, au lieu de prendre une autre version et de tout mettre en œuvre pour qu'elle ressemble à du phpBB2 ?

Tout simplement que la version phpbb3 me convient amplement et que ces questions là n'ont pas été demandées dans le forum.

Je ne vois pas en quoi il y a un problème.

Je respecte les règlements du forum et tout se passe bien.

Donc, je trouve légèrement étrange votre question ...!

Je prend les avantages du phpbb3 avec quelques avantages sur le phpbb2.

[Neptunia]

Tout simplement que la version phpbb3 me convient amplement et que ces questions là n'ont pas été demandées dans le forum.

Je ne vois pas en quoi il y a un problème.

Je respecte les règlements du forum et tout se passe bien.

Donc, je trouve légèrement étrange votre question ...!

Il n'y a pas de problème en soi, mais disons que si vous voulez une maison de plain-pied avec deux chambres bleue et rose pour les enfants, vous n'allez pas acheter la maison sur deux étages avec les chambres de bonne couleur, demander un permis de démolir puis un permis de construire pour refaire une maison de plain-pied alors que l'on vous proposait en même temps la maison de plain-pied avec les 2 chambres dans une autre couleur.
C'est moins coûteux de refaire la peinture de deux pièces que de démolir pour reconstruire ensuite.

Pour le forum c'est pareil, si une structure vous convient mieux qu'une autre, il est bien plus simple de la choisir dès le départ et de fignoler ensuite les détails.
D'autant plus qu'en procédant comme vous le faites jusqu'ici, vous allez vous retrouver avec une ribambelle de tutos officiels qui ne fonctionneront pas parce que la structure du forum ne correspond plus à sa version. C'est compréhensible quand aucune des 5 structures proposées ne vous convient. Ca l'est moins quand il s'agit de reproduire la structure d'une autre version. Maintenant que les templates sont disponibles sur toutes les versions, autant choisir directement la version qui représentera le moins de travail pour l'adapter à vos besoins.

Si je vous posais cette question, c'est parce que j'ai la nette impression que vous ne connaissez pas les différences entre chaque version de forum.

Je prend les avantages du phpbb3 avec quelques avantages sur le phpbb2.

Ah bah puisque vous prenez les avantages du phpbb3, vous pourriez donc nous les citer, ces "avantages" ?

[Electro0007]

Vous avez la réponse à ma question ou pas ? à ce que je sache ici, c'est pas un blabla. Toute mes réponses et questions on été résolues et on été vues à plusieurs reprise. Si cela vous dérange tant que cela, ne répondez pas à mes questions tout simplement. Il y a pas à dire l'accueil est agréable...!

[Chacha]

Bonjour,

Merci d'en rester là et d'en revenir strictement au sujet de la demande svp, les divergences de vues peuvent se faire par MP

Cordialement.

[Electro0007]

Up

[Electro0007]

up

[Electro0007]

up

[Electro0007]

up

[Electro0007]

up

[Invité]

Hello Electro0007 et Hélène
mais c'est pas finit tout les deux .

Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box

Recherches cette ligne(51 environ):

Code:


<dd class="posts">{topics_list_box.row.L_REPLIES}</dd>


Juste après déposes ceci:

Code:

<dd class="posts">Auteur</dd>

Recherches (ligne 84 environ):

Code:

<!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->

Supprimes et remplaces par:

Code:

<dd class="posts">Auteur</dd>

Recherches (ligne 112 environ):

Code:

<dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>

Juste après déposes ceci:

Code:

<dd class="posts M14_author">Auteur</dd>

Penses à enregistrer puis à valider en cliquant respectivement sur puis

Puis on va rechercher le pseudo du membre avec ce script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Mets un titre explicite.
Coches sur les sous forums.


Déposes ceci:

Code:



$(function(){
$('.posts.M14_author').each(function(){
var M14_memberList=$(this).closest('li').find('.dterm .span-tab strong').html();
$(this).html(''+M14_memberList+'');
});});



Penses a cliquer sur le bouton VALIDER


a++

[Electro0007]

Bonjour Milouze,

                     Tout fonctionne mais mon problème est la colonne derniers messages qui est trop larges et empêche les autres colonnes d'être à leur emplacement.

Je te met le code templates du topics list box ici.  Il doit y avoir un code qui bloque surement.

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="posts">Auteur</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="posts">Auteur</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="M14_iconSujet"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconIcone"><img style="width:85px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconParti"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>

<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 -->
                                        <div class="M14_bloc_topic">

 {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 -->
 </div>
                                </dd>
 <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
                                <dd class="posts M14_author">Auteur</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:center;">
                    <!-- 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 -->


Sans oublier mon CSS :

Code:

/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */
    
    dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
    dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
    width: 225px;
    position: relative!important;
    top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
    height:16px;
    height:1rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#000000;
    background:#ffffff;
    text-decoration:none !important;
    border:1px solid #aaa;
}
#navMP>a:hover{
    color:#ffffff;
    background:#000000;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

    div.post.online .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/vert-u10.png);
    }
    div.post .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/rouge-10.png);
    left: 0px;
    position: relative;
    right: 0;
    top: 0px;
    z-index: 2;
    }

/* ******************sert à aligner les titres réponses, vues et derniers messages******************* */

.topiclist.topics li.header dd.posts {
    padding-left: 60px;
}

/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li  dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
 
/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}
 
/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}
 
/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}
 
form#quick_reply div#textarea_content {
         width: 750px !important;
         height: 225px !important;
 
         }

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 83%;
        }

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views, dd.Auteur {
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
    margin-top: 2px;}

 /* ******************MODIFICATION GRANDEUR & COULEUR BOUTONS RÉPONSE RAPIDE & RÉPONSE******************* */
    
    input[value="Prévisualisation"] ,input[value="Envoyer"] , input[value="Prévisualiser"] , input[value="Brouillon"]
    {
    background-image:none !important;
    background-color:#CADCEB;
    padding:2px 3px !important;
    color:#000000;
    font-size:13px;
    Font-Weight: Bold;
    border:3px double #0000FF;
    }
    /*Au survol*/
    input[value="Prévisualisation"]:hover ,input[value="Envoyer"]:hover ,input[value="Prévisualiser"]:hover ,input[value="Brouillon"]:hover
    {
    background-color:#DCDCDC;
    color:black;
    border:3px double #132959;
    }
    

Merci pour ton aide grandement apprécier.

[Invité]

Re,
j'ai modifié la class qui géré la cellule auteur,
ton 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}()
 {
 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="M14_author">Auteur</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="M14_author">Auteur</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="M14_iconSujet"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconIcone"><img style="width:85px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconParti"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>

<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 -->
                                        <div class="M14_bloc_topic">

 {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 -->
 </div>
                                </dd>
 <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="M14_author_Get"></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:center;">
                    <!-- 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 -->


On a ajouté une cellule d'une largeur de 6%, il faut donc réduire la cellule des sujets de 6%.

Ajoutes ceci dans ta feuille de style:

Code:


/*cellule auteur*/
dd[class^="M14_author"]
{
font-size: 1.2em;
line-height: 2.2em;
text-align:center;
width: 6% !important;
}
/*on reduit la largeur*/
.topiclist.topics.bg_none .dterm{width:44%;}
/*on décale la cellule reponse*/
.topiclist.topics .header .icon .posts{text-align: center;margin-left: 70px;padding: 4px 0 !important;}




Le script
Puis modifies le script :

Code:


$(function(){
$('.M14_author_Get').each(function(){
var M14_memberList=$(this).closest('li').find('.dterm .span-tab strong').html();
$(this).html(''+M14_memberList+'');
});});



a++

[Electro0007]

Voilà le code CSS modifié, peux-tu me dire si tout est ok ?  :

Code:

/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */
    
    dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
    dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
    width: 225px;
    position: relative!important;
    top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
    height:16px;
    height:1rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#000000;
    background:#ffffff;
    text-decoration:none !important;
    border:1px solid #aaa;
}
#navMP>a:hover{
    color:#ffffff;
    background:#000000;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

    div.post.online .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/vert-u10.png);
    }
    div.post .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/rouge-10.png);
    left: 0px;
    position: relative;
    right: 0;
    top: 0px;
    z-index: 2;
    }

/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li  dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
 
/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}
 
/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}
 
/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}
 
form#quick_reply div#textarea_content {
         width: 750px !important;
         height: 225px !important;
 
         }

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 83%;
        }

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views, dd.Auteur {
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
    margin-top: 2px;}

 /* ******************MODIFICATION GRANDEUR & COULEUR BOUTONS RÉPONSE RAPIDE & RÉPONSE******************* */
    
    input[value="Prévisualisation"] ,input[value="Envoyer"] , input[value="Prévisualiser"] , input[value="Brouillon"]
    {
    background-image:none !important;
    background-color:#CADCEB;
    padding:2px 3px !important;
    color:#000000;
    font-size:13px;
    Font-Weight: Bold;
    border:3px double #0000FF;
    }
    /*Au survol*/
    input[value="Prévisualisation"]:hover ,input[value="Envoyer"]:hover ,input[value="Prévisualiser"]:hover ,input[value="Brouillon"]:hover
    {
    background-color:#DCDCDC;
    color:black;
    border:3px double #132959;
    }
    
 /* ******************CELLULE AUTEUR******************* */

dd[class^="M14_author"]
{
font-size: 1.2em;
line-height: 2.2em;
text-align:center;
width: 6% !important;
}
/*on reduit la largeur*/
.topiclist.topics.bg_none .dterm{width:44%;}
/*on décale la cellule reponse*/
.topiclist.topics .header .icon .posts{text-align: center;margin-left: 110px;padding: 4px 0 !important;}

et voici le templates topics list box, si tout est ok aussi ? :

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="M14_author">Auteur</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="M14_author">Auteur</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="M14_iconSujet"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconIcone"><img style="width:85px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconParti"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>

<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 -->
                                        <div class="M14_bloc_topic">

 {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 -->
 </div>
                                </dd>
 <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="M14_author_Get"></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:center;">
                    <!-- 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 -->


Je te met le lien pour te montrer le résultat, on y est presque ... c'est la colonne dernier message qui cause problème.

LIEN :ICI

Je possède ce code qui fonctionne à merveille sur l'index pour réduire la colonne "Dernier Message" mais dans le templates "topic list box" il ne fonctionne pas.

Code:

<style>
  dd.lastpost{width:15%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
  dd.dterm {width: 71% !important;}
</style>

[Invité]

Hello Electro0007,
il me semble que je t'avais donné des scripts,
il aurait été judicieux de les donner ainsi que leurs placements .

a++

[Electro0007]

Bonsoir Milouze,

Tout est parfait. Le seul problème est la dernière colonne "dernier message". Elle est tellement large. J'ai cherché partout et rien fonctionne pour la rétrécir. Sur l'index j'ai réussit à la mettre de taille normale mais dans le templates "topic list box" rien à faire elle reste tellement large ce qui brime les colonnes :/

As-tu une idée qui me sauverait la cervelle qui brule

Merci pour les scripts je les conserves précieusement

[Invité]

Re,
je demandais les scripts ,

il faut rechercher les lignes suivantes et corriger les valeurs données, voir ajouter celle qui est manquante:

Code:


li.M14_li .lastpost{width:15% !important;}
.topiclist .header .post
{
margin-left: 50px;
}

.topiclist.topics .header .icon .posts
{
    margin-left: 160px;
    padding: 4px 0 !important;
    text-align: center;
}


a++

[Electro0007]

Ce code il est situé où déjà CSS, Topic list box, javascript ?  Merci pour ton extrême patience Milouze. Je débute dans le domaine de l'encodage.  Une fois apprit, je le retiens ... fort heureusement

[Invité]

Re,
tu parles de quel code le script ou la c.s.s que je viens de te donner ?
Pour le script, je l'ai trouvé donc je n'en ai plus besoin.

a++

[Electro0007]

Re,
tu parles de quel code le script ou la c.s.s que je viens de te donner ?
Pour le script, je l'ai trouvé donc je n'en ai plus besoin.

a++

Code:

 
li.M14_li .lastpost{width:15% !important;}
.topiclist .header .post
{
margin-left: 50px;
}
 
.topiclist.topics .header .icon .posts
{
    margin-left: 160px;
    padding: 4px 0 !important;
    text-align: center;
}

ce code si il est situé où exactement ?:

[Invité]

Re,
Dans la feuille de style
Affichage/Images et Couleurs/Couleurs/Feuille de style


a++

[Electro0007]

Je vais finir par y arriver ...

Code:

/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */
    
    dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
    dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
    width: 225px;
    position: relative!important;
    top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
    height:16px;
    height:1rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#000000;
    background:#ffffff;
    text-decoration:none !important;
    border:1px solid #aaa;
}
#navMP>a:hover{
    color:#ffffff;
    background:#000000;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

    div.post.online .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/vert-u10.png);
    }
    div.post .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/rouge-10.png);
    left: 0px;
    position: relative;
    right: 0;
    top: 0px;
    z-index: 2;
    }


/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li  dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
 
/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}
 
/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}
 
/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}
 
form#quick_reply div#textarea_content {
         width: 750px !important;
         height: 225px !important;
 
         }

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 83%;
        }

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views, dd.Auteur {
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

 
span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
    margin-top: 2px;}

 /* ******************MODIFICATION GRANDEUR & COULEUR BOUTONS RÉPONSE RAPIDE & RÉPONSE******************* */
    
    input[value="Prévisualisation"] ,input[value="Envoyer"] , input[value="Prévisualiser"] , input[value="Brouillon"]
    {
    background-image:none !important;
    background-color:#CADCEB;
    padding:2px 3px !important;
    color:#000000;
    font-size:13px;
    Font-Weight: Bold;
    border:3px double #0000FF;
    }
    /*Au survol*/
    input[value="Prévisualisation"]:hover ,input[value="Envoyer"]:hover ,input[value="Prévisualiser"]:hover ,input[value="Brouillon"]:hover
    {
    background-color:#DCDCDC;
    color:black;
    border:3px double #132959;
    }
    
 /* ******************CELLULE AUTEUR******************* */

dd[class^="M14_author"]
{
font-size: 1.2em;
line-height: 2.2em;
text-align:center;
width: 8% !important;
}
/*on reduit la largeur*/
.topiclist.topics.bg_none .dterm{width:44%;}
/*on décale la cellule reponse*/
 
 /* *****************COLONNE LASTPOST AJUSTEMENT******************* */


li.M14_li .lastpost{width:16% !important;}
.topiclist .header .post .lastpost
{
margin-left: 50px;
}
.topiclist.topics .header .icon .posts
{
    margin-left: 110px;
    padding: 4px 0 !important;
    text-align: center;
}

$(function(){
$('.M14_author_Get').each(function(){
var M14_memberList=$(this).closest('li').find('.dterm .span-tab strong').html();
$(this).html(''+M14_memberList+'');
});});


Ceci est le CSS avec les valeur modifiés.  J'ai presque réussit.  Plus nul que moi tu meurs :/ Il me reste simplement le maudit texte dans le haut. Après promit je pause plus de question

[Invité]

Re,
tu as été mettre le script dans la feuille de style grrrrrr .
regarde mon message précédent pour insérer le script en fin de message:
https://forum.forumactif.com/t394617-ajouter-une-colonne-auteur-dans-les-sous-forums-phpbb3#3304521



Dans la feuille de style (il y a du ménage a faire ) :
Affichage/Images et Couleurs/Couleurs/Feuille de style

Supprimes tout le contenu et remplaces par:

Code:

/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */
   
    dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
    dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
    width: 225px;
    position: relative!important;
    top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
    height:16px;
    height:1rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#000000;
    background:#ffffff;
    text-decoration:none !important;
    border:1px solid #aaa;
}
#navMP>a:hover{
    color:#ffffff;
    background:#000000;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

    div.post.online .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/vert-u10.png);
    }
    div.post .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/rouge-10.png);
    left: 0px;
    position: relative;
    right: 0;
    top: 0px;
    z-index: 2;
    }


/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li  dd.dterm{padding-left:0px;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
 
/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}
 
/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}
 
/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}
 
form#quick_reply div#textarea_content {
        width: 750px !important;
        height: 225px !important;
 
        }

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 83%;
        }

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views{
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

 
span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
    margin-top: 2px;}

 /* ******************MODIFICATION GRANDEUR & COULEUR BOUTONS RÉPONSE RAPIDE & RÉPONSE******************* */
   
    input[value="Prévisualisation"] ,input[value="Envoyer"] , input[value="Prévisualiser"] , input[value="Brouillon"]
    {
    background-image:none !important;
    background-color:#CADCEB;
    padding:2px 3px !important;
    color:#000000;
    font-size:13px;
    Font-Weight: Bold;
    border:3px double #0000FF;
    }
    /*Au survol*/
    input[value="Prévisualisation"]:hover ,input[value="Envoyer"]:hover ,input[value="Prévisualiser"]:hover ,input[value="Brouillon"]:hover
    {
    background-color:#DCDCDC;
    color:black;
    border:3px double #132959;
    }
   
 /* ******************CELLULE AUTEUR******************* */

dd[class^="M14_author"]
{
font-size: 1.2em;
line-height: 2.2em;
text-align:center;
width: 8% !important;
}
/*on reduit la largeur*/
.topiclist.topics.bg_none .dterm{width:44%;}
/*on décale la cellule reponse*/
 
 /* *****************COLONNE LASTPOST AJUSTEMENT******************* */


li.M14_li .lastpost{width:16% !important;}

.topiclist.topics .header .icon .posts
{
    margin-left: 20px;
    padding: 4px 0 !important;
    text-align: center;
}


Penses à cliquer sur le bouton



a++

[Electro0007]

Voici le CSS :

Code:

/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */
  
    dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
    dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
    width: 225px;
    position: relative!important;
    top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
    height:16px;
    height:1rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#000000;
    background:#ffffff;
    text-decoration:none !important;
    border:1px solid #aaa;
}
#navMP>a:hover{
    color:#ffffff;
    background:#000000;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

    div.post.online .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/vert-u10.png);
    }
    div.post .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/rouge-10.png);
    left: 0px;
    position: relative;
    right: 0;
    top: 0px;
    z-index: 2;
    }


/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li  dd.dterm{padding-left:0px;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
 
/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}
 
/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}
 
/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}
 
form#quick_reply div#textarea_content {
        width: 750px !important;
        height: 225px !important;
 
        }

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 83%;
        }

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views, dd.Auteur, lastpost {
width: 7%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

 
span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
    margin-top: 2px;}

 /* ******************MODIFICATION GRANDEUR & COULEUR BOUTONS RÉPONSE RAPIDE & RÉPONSE******************* */
  
    input[value="Prévisualisation"] ,input[value="Envoyer"] , input[value="Prévisualiser"] , input[value="Brouillon"]
    {
    background-image:none !important;
    background-color:#CADCEB;
    padding:2px 3px !important;
    color:#000000;
    font-size:13px;
    Font-Weight: Bold;
    border:3px double #0000FF;
    }
    /*Au survol*/
    input[value="Prévisualisation"]:hover ,input[value="Envoyer"]:hover ,input[value="Prévisualiser"]:hover ,input[value="Brouillon"]:hover
    {
    background-color:#DCDCDC;
    color:black;
    border:3px double #132959;
    }
  
 /* ******************CELLULE AUTEUR******************* */

dd[class^="M14_author"]
{
font-size: 1.2em;
line-height: 2.2em;
text-align:center;
width: 7% !important;
}
/*on reduit la largeur*/
.topiclist.topics.bg_none .dterm{width:48%;}
/*on décale la cellule reponse*/
 
 /* *****************COLONNE LASTPOST AJUSTEMENT******************* */

li.M14_li .lastpost{width:17% !important;}

.topiclist.topics .header .icon .posts .lastpost
{
    margin-left: 20px;
    padding: 4px 0 !important;
    text-align: center;
}

Dans le code j'ai change le .topiclist.topics.bg_none .dterm{width:44%;} pour 48% cela réduit mieux le lastpost et allonge la colonne titre.


Je te met 2 images pour te montrer avant que je change quoique ce soit Sinon je sens que je vais te donner des cheveux blancs

Mode Plein écran :

Mode réduit moyenne taille :

Je suis tout simplement  Si près du but,

[Invité]

Hello Electro0007,
ne touche plus au valeurs que je te donne car la version phpbb3 est sensible ,
voilà un template modifié afin de palier au header des sujets :
La c.s.s a été revue pour passer en pourcentage les parties concernées.

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 -->
<span  style="padding-left:10px;">{topics_list_box.row.L_TITLE}</span>
 </dt>
<dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
<dd class="M14_author">Auteur</dd>
 <dd class="views">{topics_list_box.row.L_VIEWS}</dd>
<dd class="lastpost"><center><span>Message publié le</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">
 <!-- 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="M14_author">Auteur</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="M14_iconSujet"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconIcone"><img style="width:85px;"src="https://2img.net/i/fa/empty.gif"/></dd>
<dd class="M14_iconParti"><img style="width:48px;"src="https://2img.net/i/fa/empty.gif"/></dd>

<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 -->
                                        <div class="M14_bloc_topic">

 {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 -->
 </div>
                                </dd>
 <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="M14_author_Get"></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:center;">
                    <!-- 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 -->


Puis toute la c.s.s corrigée:

Code:

/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */
   
    dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
    dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
    width: 225px;
    position: relative!important;
    top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
    height:16px;
    height:1rem;
}
#navMP>a{
    display:inline-block;
    padding-left:.75em;
    padding-right:.75em;
    font-size:1.2em;
    line-height:1.2em;
    color:#000000;
    background:#ffffff;
    text-decoration:none !important;
    border:1px solid #aaa;
}
#navMP>a:hover{
    color:#ffffff;
    background:#000000;
    text-decoration:none !important;
}
#navMP-precedent{
    float:left;
    border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
    float:right;
    border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
    content:"Précédent";
}
#navMP-suivant::before{
    content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

    div.post.online .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/vert-u10.png);
    }
    div.post .postprofile:before
    {
    content: url(https://i11.servimg.com/u/f11/19/78/33/65/rouge-10.png);
    left: 0px;
    position: relative;
    right: 0;
    top: 0px;
    z-index: 2;
    }


/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
ul.topics .M14_li  dd.dterm{padding-left:0px;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
 

/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}
 
/*On decale du haut l image de participation et icone de message*/
.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}
 
form#quick_reply div#textarea_content {
        width: 750px !important;
        height: 225px !important;
 
        }

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */
.postprofile {width: 16%;}
/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */
.postbody
        {
        clear: both;
        color: #000000;
        float: right;
        line-height: 1.48em;
        padding-top: 0pt;
        padding-right: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        width: 83%;
        }

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */
.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */
blockquote blockquote {background-color: #CADCEB;}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

 
span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */
#smiley-box {float: left;}
#textarea_content_1{float:right;margin-top: 2px;}
 /* ******************MODIFICATION GRANDEUR & COULEUR BOUTONS RÉPONSE RAPIDE & RÉPONSE******************* */
   
    input[value="Prévisualisation"] ,input[value="Envoyer"] , input[value="Prévisualiser"] , input[value="Brouillon"]
    {
    background-image:none !important;
    background-color:#CADCEB;
    padding:2px 3px !important;
    color:#000000;
    font-size:13px;
    Font-Weight: Bold;
    border:3px double #0000FF;
    }
    /*Au survol*/
    input[value="Prévisualisation"]:hover ,input[value="Envoyer"]:hover ,input[value="Prévisualiser"]:hover ,input[value="Brouillon"]:hover
    {
    background-color:#DCDCDC;
    color:black;
    border:3px double #132959;
    }
/*******************LARGEUR DES COLONNES DANS LES FORUMS********************/
 /*******************CELLULE AUTEUR********************/
dd[class^="M14_author"]
{
font-size: 1.2em;
line-height: 2.2em;
text-align:center;
width: 8% !important;
}

/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet{text-align: center;width:4%;}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti{text-align: center;width:2%;}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone{text-align: center;width:6%;}

/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}
/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */
dd.posts, dd.topics, dd.views{width: 6%!important;}
.topiclist.topics.bg_none .dterm{width:44%;}

 
 /* *****************COLONNE LASTPOST AJUSTEMENT******************* */
li.M14_li .lastpost{width:16% !important;}
.topiclist.topics .header .icon .posts{padding: 4px 0 !important;text-align: center;}
/*LE HEADER DES SUJETS*/
.topiclist.topics .header .dterm{padding-left:10px !important;width: 56% !important;}
.topiclist.topics  .header dt{width: 57% !important;padding-right:0px !important;}



[Electro0007]

Tout est parfait.  Par contre il manque le nom de l'auteur dans la colonne auteur on va y arriver

Le script dans topic list box et le css on été corrigé par ceux que tu m'as donné

[Invité]

Re,

Supprimes ce script:

Code:

$(function(){$('.posts.M14_author').each(function(){var M14_memberList=$(this).closest('li').find('.dterm .span-tab strong').html();$(this).html(''+M14_memberList+'')})});


il faut déposer le script comme mentionné sur le message suivant:

https://forum.forumactif.com/t394617-ajouter-une-colonne-auteur-dans-les-sous-forums-phpbb3#3304549

La partie décrite en dessous de :
Le script

a++

[Electro0007]

Voilà tout fonctionne mon cadeau de Noël est là Je peux te demander une dernière chose. Comment on fait si je veux réduire la colonne lastpost et agrandir celle du titre du topic environ 3 ou 4 % de plus. Merci pour ta patience et ton aide très apprécié.

[Invité]

Re,
hum on arrive a saturation avec cette dernière demande mon ami, il faut modifier de nouveau beaucoup de class et aussi le style.....

a++