Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)

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

  • 0

Résolu Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)

Message par Paradoxe le Lun 29 Juil 2013 - 23:47

Bonjour,

J'aimerais arrondir les coins supérieurs des titres des catégories de mon forum (voir screen). J'ai tenté les border-radius (moz-border-radius et webkit-border-radius) sur l'identifiant CSS .secondarytitle, mais ça n'a pas fonctionné. Je ne sais pas si c'est parce que j'ai fusionné des cellules...

Forum : http://iclasse2013.forumecole.com/
Version : PHPBB2
Navigateur : Firefox

Screen :

Spoiler:

Feuille CSS :

Spoiler:

Code:
/* Effacement des menus groupe et FAQ */
 a.mainmenu[href="/groups"], a.mainmenu[href="/faq"] {display:none;}

/* Positionnement de la barre de navigation */
.navig {
        position: absolute;
        top: 32px;
        width: 100%;
        }

/* Arrondissement du forum */
.forumline {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Arrondissement des cadres des categories */
.forumline{
 background-color: #efefef;
 -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
 border: 3px #515251 solid;
}

/* Arrondissement de l interieur des titres des categories */
.secondarytitle {
 -webkit-border-top-radius:8px;
        -moz-border-top-radius:8px;
        border-top-radius:8px;
 }

/* Arrondissement des zones de textes et de réponse */
textarea, .textarea.post, input.post {
     -moz-border-radius:10px;
     -webkit-border-radius: 10px;
    border-radius:10px;
}

/* Effacement des lignes superflues dans les titres de categories */
.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}

/* Effacement des options de partage dans la toolbar */
         #fa_share { display: none!important; }

/* Arrondissement du bouton previsualisation */
.liteoption {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Arrondissement du bouton envoyer */
.mainoption {
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Arrondissement des citations */
.quote {
 -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;}

/* Marge interieure des citations */
.quote {
  padding : 5px;}

/* Arrondissement du coin supérieur droit du QEEL */
.catHead {
   -webkit-border-top-right-radius:8px;
        -moz-border-top-right-radius:8px;
        border-top-right-radius:8px;}

/* Arrondissement du coin supérieur gauche du QEEL */
.catHead {
   -webkit-border-top-left-radius:8px;
        -moz-border-top-left-radius: 8px;
        border-top-left-radius:8px;}

/* Images pour monter ou descendre sur la page */
.upbottom {
position: fixed;
bottom : 0px ;
margin-left : 90% }

/*Ajustement de la taille section dernier message */
.derni {
   width: 150px;}

/* Arrondissement section 1 */
.row1 {
   background-color: #efefef;
 -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
 border: 3px #efefef solid;}

/* Arrondissement section dernier message */
.row3 {
   background-color: #efefef;
 -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
 border: 3px #efefef solid;}

/* Espace entre la page d accueil et la boite de connexion rapide */
  table.user_login_form.forumline {
          margin-top: 10px;
        }

Index_box modifié :

Spoiler:

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="4"><table width="100%"><tr><td nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} <div style="width:150px;"></div></td></tr></table></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="left" colspan="2" width="550 px">
                <table border="0"><tr><td valign="middle"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" valign="middle"/></td>
                               <td valign="top"><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}>
                 <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></tr></table>
              </td>
              
              <td class="row3 over" align="center" valign="middle" height="50">
                          <div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                          <div class="mess"><span class="gensmall">{catrow.forumrow.TOPICS} sujets {catrow.forumrow.POSTS} messages</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 -->

Merci pour le temps consacré à m'aider à trouver une solution! Smile


Dernière édition par Paradoxe le Mar 30 Juil 2013 - 0:11, édité 1 fois

Paradoxe
*

Féminin
Messages : 46
Inscrit(e) le : 14/10/2009

http://iclasse2013.forumecole.com
Paradoxe a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)

Message par Anzu le Mar 30 Juil 2013 - 0:00

Bonsoir,

Repérez:

Code:
<th colspan="4"><table width="100%"><tr><td nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} <div style="width:150px;"></div></td></tr></table></th>

Remplacez par:

Code:
 
                              <th style="border-radius: 10px 10px 0px 0px;" colspan="4"><table width="100%"><tr><td nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} <div style="width:150px;"></div></td></tr></table></th>
             

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)

Message par Paradoxe le Mar 30 Juil 2013 - 0:11

Super! Problème résolu! Merci beaucoup pour ton aide! Smile

Paradoxe
*

Féminin
Messages : 46
Inscrit(e) le : 14/10/2009

http://iclasse2013.forumecole.com
Paradoxe 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