modifier la case derniers message

[8Bonhomme5]

Bonjour à tous,

Je suis en train de modifier l'apparence de ma page d'acceuil
et je voudrais faire des cases arrondi pour la dernière colone ddu tableau (derniers message)
comme la case messages sur ce forum
http://educadeco.nice-forum.net/

Je cherche comment faire avec ce sujet mais sans résultat pour le moment.
https://forum.forumactif.com/t293167-identifiants-des-titres-de-la-ligne-categorie/url

je cherche ou mettre le marqueur pour que mes ajouts dans le css soit effectif

voici mon templates indexbox

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}

         {CURRENT_TIME}

         </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>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- 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="cadreperso" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:175px;">{L_LASTPOST}   </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"><FONT COLOR="#ABB8C4"><i>{catrow.forumrow.POSTS} posts, {catrow.forumrow.TOPICS} topics.</i></FONT></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>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </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 -->

[Invité]

Bonjour,

Est-ce qu'en suivant le sujet que j'ai ouvert ça te change quelque chose ou vraiment rien?

Tu veux avoir toute la colonne derniers messages en arrondis c'est ça?

[Sybil Vane]

Bonsoir,

Dans ce template, vous recherchez

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Vous avez là le code qui correspond au titre des colonnes. Je vais vous expliquer comment il fonctionne :
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> : Titre de la catégorie.
<th nowrap="nowrap" width="50">{L_TOPICS}</th> : Nombre de sujets.
<th nowrap="nowrap" width="50">{L_POSTS}</th> : Nombre de messages.
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> : Dernier Message.

Ce qui nous intéresse est donc la dernière ligne.

Nous allons la modifier en

Code:

<th nowrap="nowrap" width="150" class="titrecat"><div style="width:150px;">{L_LASTPOST}</div></th>

Et dans le CSS, nous allons ajouter

Code:

.titrecat {
border:Xpx solid|dashed|dotted|double #XXXXXX;
border-radius:0px Xpx Xpx 0px;
-moz-border-radius:0px Xpx Xpx 0px;
-webkit-border-radius:0px Xpx Xpx 0px;
}

En ce qui concerne la ligne border :
Elle n'est utile que si vous souhaitez une bordure entourant les bords arrondis.
Xpx : épaisseur de la bordure.
solid|dashed|dotted|double : trait simple|tirets|pointillés|trait double.
#XXXXXX : couleur de la bordure.

Pour ce qui est de border-radius :
Les quatre valeurs représentent chacune un coin. La première désigne le coin supérieur gauche. Les autres suivent dans le sens des énigmes d'une montre. Dans le cas de la colonne des derniers messages, il faut arrondir les coins supérieur et inférieur droits.
La valeur représente l'arrondissement des angles. Plus elle est élevée, plus les angles seront arrondis.

-moz-border-radius et -webkit-border-radius sont identiques à border-radius mais permettent une meilleure compatibilité entre le code et les navigateurs.

[8Bonhomme5]

Bonjour,

Est-ce qu'en suivant le sujet que j'ai ouvert ça te change quelque chose ou vraiment rien?

Tu veux avoir toute la colonne derniers messages en arrondis c'est ça?

je viens de laisser la modifications, ça change la barre de derniers messages,

mais je cherche à changer les cases en dessous, sur toute la colonne,
comme tes cases grise

[Invité]

Re,

Code:

.row3 {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius:20px;}.

Test ceci par contre ça va te changer deux colonnes puisque l'identifiant leur est commun

[8Bonhomme5]

c'est bien cela trepa,

merci beaucoup, je n'ai plus qu'a changer la couleur de fond et c'est joué,

[Invité]

de rien et Ouf lol j'ai mis du temps à comprendre ^^

[8Bonhomme5]

c'est surtout moi qui me suis mal expliqué