Regrouper Sujet, Messages et Derniers Messages

[Amacky]

Bonjour, je suis en pleine création de mon forum. Que vous trouverez ici. ici

Grâce à plusieurs tutoriel j'ai pu changé ce que je voulais or là j'aimerais regrouper si possible bien sûr Sujet, Messages, Derniers messages. Comme ceci

Spoiler:

Les angles un peu moins ronds m'enfin ça je peux le modifié sur mes codes CSS.

J'ai touché à trois templates: Index_body, Index_box et Viewtopic_body afin de pouvoir modifié mes cellules principales, l'avatar et je crois que c'est tout!

Ma fiche css ressemble à ça

Code:

.catcadre {
background-color : #89725B;
padding 10px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
}

.secondarytitle {
-khtml-border-radius-topleft: 20px;
-khtml-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width : 350px;
margin-left : 20px;
background-color :#B7CA79;
height : 20px
}

.secondarytitle h2 {
margin-left : 40px;
margin-top : 20px;
}

td.catHead, th.thHead {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px; }
 
.qeel {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}


#le_tableau{
color:#000000;
font-size: 12px;
font-family: Arial;
background-color: #B7CA79;
border: 3px solid #89725B;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}
 
.text_imag{
color: #EFECCA;
text-align: center;
vertical-align: center;
font-family: Arial;
font-size: 50px;
font-weight: bold;
}
 
.style_cellule{
background-color: #89725B;
border: 3px solid #78A419;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
 
#igauche{
background-color: #89725B;
background-color: #89725B;
border: 3px solid #78A419;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #89725B;
background-color: #89725B;
border: 3px solid #78A419;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
 
.titre_4{
font-size: 14px;
color: #EFECCA;
border-bottom: 2px dotted #F4FF3A;
}
 
/* navigation */
 
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
 
#nav-menu li{
float: left;
margin: 0 2px;
}
 
#nav-menu li a{
background: url(http://www.castorama.fr/images/products/i/i_717044.jpg);
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #78A419;
color: #89725B;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}
 
#nav-menu li a:hover{
color: #B7CA79;
font-style: italic;
}
 
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */
 
 
/* fin navigation */
 
 
/* Scroller Box */
 
#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}
 
#dummy {;# }
 
#scroller_container {
overflow: auto;
}
 
/* fin Scroller Box */
 
/* infobulle */
 
div.info em {
display:none;
}
 
div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
 
div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #D9EFF5;
border: 2px solid #78A419;
width:auto;
}
 
.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}
 
/* fin infobulle */

.infobulle{
position: relative;
z-index: 0;}
 
.infobulle:hover{
background-color: transparent;
z-index: 50;}
 
.infobulle span{
position: absolute;
background-color: #ADCF4F;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
 
.infobulle span img{
border: 2px;
padding: 5px;}
 
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#FF0000;
border: 2px solid #FF5900}

.avat {
border : 10px solid #89725B;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

Pourriez vous donc m'aider? J'ai cherché pendant près de deux heures, j'espère simplement qu'un sujet ne m'est pas glissé des yeux. ^^

Merci d'avance

[Anzu]

Bonsoir,

Pour commencer, je vous invite à suivre ce tuto => https://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages#2348647
A partir de là, vous devriez pouvoir y arriver.

Par la suite, si vous n'arrivez pas au résultat désiré, pourriez vous donner le code de votre index box ?

Cordialement.

[Amacky]

Avant toute chose merci bien pour cette réponse rapide.

Voilà j'ai fait ce que vous m'aviez dit. Cela à bien regroupé Sujet et message et mit dans une seule cellule dernier message.

Maintenant serait-t-il possible de regroupé tous comme sur l'image ci-dessus.

Mon index_box ressemble à ça:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="secondarytitle">{catrow.tablehead.L_FORUM}</div><table class="catcadre" width="100%" border="0" cellspacing="5" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%">  </th>
   
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
        </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


[Anzu]

Bonsoir,

Il suffit de repérer cette ligne:

Code:

{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.

De repérer la variable permettant l'affichage des derniers sujets:

Code:

{catrow.forumrow.LAST_POST}

Vous la placez juste au dessus de la variable, un petit br juste après histoire d'espacer.

Puis vous placez le tout dans une div avec une class renvoyant au css.

Code:

<div class="contourdm"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br />{catrow.forumrow.LAST_POST}</span>
                </div>

Et le css:

Code:

.contourdm {
  border: 5px solid #AAAAAA;
  background-color: #EEEEEE;
}

Le template index box:

Code:

        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}<br />
                {CURRENT_TIME}<br />
                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="secondarytitle">{catrow.tablehead.L_FORUM}</div><table class="catcadre" width="100%" border="0" cellspacing="5" cellpadding="0">
          <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%">  </th>
         
              <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h{catrow.cathead.LEVEL} class="hierarchy">
                    <span class="cattitle">
                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h{catrow.cathead.LEVEL}>
              </td>
              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
              </td>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}></td><td></td></tr></tbody></table>
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </span>
              </td>
             
              <td class="row3 over" align="center" valign="middle" height="50">
                <div class="contourdm"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br />{catrow.forumrow.LAST_POST}</span>
                </div></td>
          </tr>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Cordialement.

[Amacky]

Merci! C'est exactement ça que je voulais. Encore merci merci pour ces informations!

Je mets le sujet résolut de suite. Merci pour tout!