modifier la case derniers message

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu modifier la case derniers message

Message par 8Bonhomme5 le Dim 26 Déc 2010 - 15:58

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.
http://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 -->



Dernière édition par Micheloi le Dim 26 Déc 2010 - 20:40, édité 1 fois

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier la case derniers message

Message par Invité le Dim 26 Déc 2010 - 19:04

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?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier la case derniers message

Message par Sybil Vane le Dim 26 Déc 2010 - 20:12

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.

Sybil Vane
**

Messages : 90
Inscrit(e) le : 20/12/2010

http://escapade-nocturne.cultureforum.net
Sybil Vane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier la case derniers message

Message par 8Bonhomme5 le Dim 26 Déc 2010 - 20:28

Trepa a écrit: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

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier la case derniers message

Message par Invité le Dim 26 Déc 2010 - 20:33

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier la case derniers message

Message par 8Bonhomme5 le Dim 26 Déc 2010 - 20:40

c'est bien cela trepa,

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

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier la case derniers message

Message par Invité le Dim 26 Déc 2010 - 20:41

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: modifier la case derniers message

Message par 8Bonhomme5 le Dim 26 Déc 2010 - 20:51

c'est surtout moi qui me suis mal expliqué

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum