Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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.
avatar

Anzu
Membre actif

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

https://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
avatar

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