Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)
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 :
Feuille CSS :
Index_box modifié :
Merci pour le temps consacré à m'aider à trouver une solution!
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!
Dernière édition par Paradoxe le Mar 30 Juil 2013 - 0:11, édité 1 fois
Re: Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)
Bonsoir,
Repérez:
Remplacez par:
Cordialement.
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.
Re: Arrondir les coins supérieurs du titre des catégories (cellules fusionnées)
Super! Problème résolu! Merci beaucoup pour ton aide!
Sujets similaires
» Arrondir les coins des catégories sans arrondir les cellules
» Phpbb3 : arrondir les coins des catégories, de la cb et des forums
» Arrondir les coins des catégories
» Arrondir les catégories . Coins du forum ^^
» Arrondir coins du haut Titre du message
» Phpbb3 : arrondir les coins des catégories, de la cb et des forums
» Arrondir les coins des catégories
» Arrondir les catégories . Coins du forum ^^
» Arrondir coins du haut Titre du message
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum