Fusionner Catégorie et Dernier message

[popoliline]

Bonjour à tous, et merci par avance de l'aide que vous m'apporterez,

Je suis en train de travailler sur le CSS de mon nouveau design et je me demandais comment il était possible de fusionner dernier colonne et catégorie, un petit exemple



Si quelqu'un sait ... Sachant que j'ai déjà modifié mes templates et css

[Gorgorbey]

Bonjour,

Pouvez-vous me fournir votre template index_box ?

Cordialement.

[popoliline]

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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>
      
            <th nowrap="nowrap" width="150"><div style="width:150px;"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;"></div></div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <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.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}"></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">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <div class="categorie"><span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
                          </span>                  </div><span class="gensmall">
                          <div class="liensfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                          </span>
      </td>
      <!-- BEGIN forum_link_no -->


      <td class="row3 over" align="center" valign="middle" height="50">
                  <div class="troisieme"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></div>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </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 -->

Le voici, merci de votre aide

[Gorgorbey]

Remplacez votre template par celui-ci :

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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
                  <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>     
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <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.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}"></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">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
                </h{catrow.forumrow.LEVEL}>
                <div class="categorie"><span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
                                  </span>                  </div><span class="gensmall">
                                  <div class="liensfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                  </span>
              <div class="row3 over" align="center" valign="middle" height="50">
                          <div class="troisieme"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></div>
              </div>
            </td>
             
              <!-- BEGIN forum_link -->
              <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>       
              <!-- END forum_link -->
          </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 -->

Si cela n'est pas parfait il me faudra également votre CSS personnalisé.

[popoliline]

http://i47.servimg.com/u/f47/17/17/93/58/sans_t11.png

Voila ce que cela me donne. mon css

Code:


 /* CODE DE BASE DU FORUM */


/* Menu navigation */

a.mainmenu img {
display:none; } /* enlève les images du menu */

a.mainmenu {
padding-left:4px;
padding-right:4px; }

a.mainmenu {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; }

a.mainmenu:hover {
color: #;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
text-align: center; } /* Menu navigation au survol de la souris */

/* ENLEVER TOUS LES SOULIGNEMENTS */

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

/* JUSTIFICATION ET MARGE AUTO */

.postbody {
    padding-left: 15px;
    padding-right: 15px; }


  /* CODE MODIFIABLE A CHAQUE VERSION */


/* COLONNE DERNIER MESSAGE */

.troisieme {
border: 2px solid #141414;
background-color: #0C0C0C;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
padding: 5px;
border-image: initial;
}

/* ENTÊTES CATEGORIE */

.secondarytitle, .secondarytitle h2 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: -1px;
font-weight: bold;
font-family: Arial;
color: #6B6157;
}

/* TITRE FORUM */

.forumlink {
padding-top: 10px;
margin-left: 10px;
text-transform: uppercase;
font-size: 18px!important;
font-family: georgia;
letter-spacing: -2px;
line-height: normal;
font-weight: lighter;
color: #ABA921;
}

/* DESCRIPTION FORUM */

.categorie {
background-color: #171616;
border-bottom: 1px solid #100F0F;
border-right: 1px solid #100F0F;
font-style: normal 8px Arial;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius: 0px;
margin-left: 5px;
margin-right: 5px;
margin-top: -5px;
margin-bottom: 5px;
text-shadow: #050505 1px 0px 0px;
line-height: 10px;

display: block;
text-align: justify;

}

.liensfo {

  border-top: 2px dotted #ACAF1E;
font-size: 7px;
background-color: #171616;
font-family: Courier New;
font-style: bold;
letter-spacing: 2px;
text-transform: none;
color: #4C432B;
text-shadow: #201C1B 1px 0px 0px;
text-transform: uppercase; 
  padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius: 0px;
margin-left: 5px;
margin-right: 5px;
margin-top: -5px;
margin-bottom: 5px;
}

[Gorgorbey]

Essayez :

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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
                  <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>
             
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <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.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}"></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">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
                </h{catrow.forumrow.LEVEL}>
                <div class="categorie"><span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
                                  </span>                  </div><span class="gensmall">
                                  <div class="liensfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                  </span>
              </td>
              <!-- BEGIN forum_link_no -->
       
       
              <td class="row3 over" align="center" valign="middle" height="50">
                          <div class="troisieme"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></div>
              </td>
              <!-- END forum_link_no -->
              <!-- BEGIN forum_link -->
              <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
              <!-- END forum_link -->
          </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 -->

Ajoutez également dans votre CSS :

Code:

.troisieme
{
  width: 150px;
}

[popoliline]

Cela me donne ceci.

[Gorgorbey]

Oui et bien ce n'est pas ce que vous souhaitez ?

[popoliline]

Non, ça c'est que j'avais à la base sur mon forum, la séparation entre dernier message et description. J'aurais aimé que la description et la dernière colonne ne fasse qu'un, comme dans l'exemple de mon premier post. Je ne sais pas si je suis très claire dans mon explication.

[Gorgorbey]

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 --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
                  <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>
             
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <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.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}"></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" border="0px">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
                </h{catrow.forumrow.LEVEL}>
                <div class="categorie"><span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
                                  </span>                  </div><span class="gensmall">
                                  <div class="liensfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                  </span>
              </td>
              <!-- BEGIN forum_link_no -->
       
       
              <td class="row1-over" align="center" valign="middle" height="50" width="500px" border="0px">
                <div class="troisieme"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</span></div>
              </td>
              <!-- END forum_link_no -->
              <!-- BEGIN forum_link -->
              <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
              <!-- END forum_link -->
          </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 -->

S'il y a un soucis de fond ajoutez dans la CSS :

Code:

.row1-over
{
  background-color: #161616;
}

J'espère que ça ira

[popoliline]

Ca marche merci !