Personaliser les catégories
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
Personaliser les catégories
Bonjour,
Je souhaiterait faire des catégories personnalisées comme ici par exemple :
http://theisland.forumakers.com/ ou comme
http://02141-cambridge.keuf.net/index.htm (les noms des catégories en ovale)
mon forum :
http://miami-university.forumactif.org/
Je souhaiterait faire des catégories personnalisées comme ici par exemple :
http://theisland.forumakers.com/ ou comme
http://02141-cambridge.keuf.net/index.htm (les noms des catégories en ovale)
mon forum :
http://miami-university.forumactif.org/
Re: Personaliser les catégories
Bonjour,
Pour faire un pas en direction de ce genre de personnalisation, consultez ce tuto: https://forum.forumactif.com/questions-reponses-frequentes-f14/affichage-des-forums-avec-onglets-t269891.htm
Pour faire un pas en direction de ce genre de personnalisation, consultez ce tuto: https://forum.forumactif.com/questions-reponses-frequentes-f14/affichage-des-forums-avec-onglets-t269891.htm
Invité- Invité
Re: Personaliser les catégories
merci mais on peut pas changer les couleurs et rétrécir la bulle ??? MON CODE CSS ne fonctionne pas apparemment il y à } en trop =/
Re: Personaliser les catégories
Bonsoir,
Au temps pour moi, j'ai lu trop vite. J'ai essayé de bricoler les templates et le CSS de manière à obtenir quelque chose d'approchant. Bien sûr, il faut personnaliser un peu tout ça, mais je vous donne les modifications, pour vous donner un axe de recherche
La feuille CSS:
La template Index_box
Cordialement
Au temps pour moi, j'ai lu trop vite. J'ai essayé de bricoler les templates et le CSS de manière à obtenir quelque chose d'approchant. Bien sûr, il faut personnaliser un peu tout ça, mais je vous donne les modifications, pour vous donner un axe de recherche
La feuille CSS:
- Code:
.titresfora{-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;}
.categories{
background-color: #ffffff;
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 90%;
border: 3px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
border: 3px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
padding: 3px;
text-align: center;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
La template Index_box
- 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="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </div></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>
</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">
<span class="forumlink"><div class="titresfora">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></div>
</span>
<!-- [ DÉBUT DES MODIFICATIONS ] -->
<div class="forum-description"><span class="genmed"><table><tr><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td></tr></table></span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span><br /><br />
</td>
<!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
<!-- 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 -->
- Le résultat:
Cordialement
Invité- Invité
Re: Personaliser les catégories
Merci mais sa ne marche pas pour le CSS sa me fait sa :
Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.
=/
Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.
=/
Re: Personaliser les catégories
Bonjour,
C'est étrange, pouvez-vous nous mettre votre CSS en entier? Il y a forcement un truc qui va pas il faut trouver où .
Cordialement.
C'est étrange, pouvez-vous nous mettre votre CSS en entier? Il y a forcement un truc qui va pas il faut trouver où .
Cordialement.
Invité- Invité
Re: Personaliser les catégories
- Code:
body {
background-color: #43323E;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
background-repeat:no-repeat
}
a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}
a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 10px solid #33262f;
}
a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}
.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}
.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}
#colour2 {
text-align: center;
}
#colour2 a {
background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a 1px solid;
border-right: #503c4a 1px solid;
}
#colour2 a:hover {
background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a 1px solid;
border-right: #503c4a 1px solid;
}
.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}
input,textarea, select {font: normal 12px Arial;
background-color: #33262F;
border: 2px solid #503c4a;
border-style: 2px solid;
border-radius: 7px 7px;
-moz-border-radius: 7px;}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
Voilà
Re: Personaliser les catégories
Re,
J'ai cumulé votre CSS + celui que je vous ai proposé, ajouté un ";" après le no-repeat, et tout fonctionne bien sur mon forum test ...
J'ai cumulé votre CSS + celui que je vous ai proposé, ajouté un ";" après le no-repeat, et tout fonctionne bien sur mon forum test ...
- Code:
body {
background-color: #43323E;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
background-repeat:no-repeat;
}
a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}
a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 10px solid #33262f;
}
a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}
.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}
.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}
#colour2 {
text-align: center;
}
#colour2 a {
background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a 1px solid;
border-right: #503c4a 1px solid;
}
#colour2 a:hover {
background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a 1px solid;
border-right: #503c4a 1px solid;
}
.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}
input,textarea, select {font: normal 12px Arial;
background-color: #33262F;
border: 2px solid #503c4a;
border-style: 2px solid;
border-radius: 7px 7px;
-moz-border-radius: 7px;}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
.titresfora{-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;}
.categories{
background-color: #ffffff;
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 90%;
border: 3px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
border: 3px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
padding: 3px;
text-align: center;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
Invité- Invité
Re: Personaliser les catégories
merci c'est bon le CSS à bien été modifier mais le template ne doit pas marcher car quand je publie il ne met rien de nouveau =/
Edit ; si je l'ai mais en deux fois regarder :
http://miami-university.forumactif.org/index.htm
Edit ; si je l'ai mais en deux fois regarder :
http://miami-university.forumactif.org/index.htm
Re: Personaliser les catégories
C'est vraiment étange ...
En utilisant cette modification de template Index_box:
Cordialement.
En utilisant cette modification de template Index_box:
- 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="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div class="categories" align="center"> {catrow.tablehead.L_FORUM} </div></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>
</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">
<span class="forumlink"><div class="titresfora">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></div>
</span>
<!-- [ DÉBUT DES MODIFICATIONS ] -->
<div class="forum-description"><span class="genmed"><table><tr><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td></tr></table></span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span><br /><br />
</td>
<!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
<!-- 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 -->
- Code:
body {
background-color: #43323E;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/bannia11.jpg");
background-repeat:no-repeat;
}
a.mainmenu{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}
a.mainmenu:hover{
font-size: 11px;
color: #33262F;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px solid #33262f;
-moz-border-radius: 6px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 10px solid #33262f;
}
a.forumlink{
display:block;
text-align: center;
}a.forumlink {
border-bottom: 2px solid #503c4a;
display: block;
background-color: #43323f;
-moz-border-radius: 5px 5px 5px5px;
}
.statistiques{
border:20px;
background-image: url("http://i65.servimg.com/u/f65/13/25/09/37/quioes11.jpg");
background-repeat: no-repeat;
background-position: left;
height:470px;}
.groupes{
background-color:#;border: 2px #33262F solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:10px;padding-bottom:3px;
font-size:15px;font-weight: left;text-align:center;
text-decoration: none !important;}
#colour2 {
text-align: center;
}
#colour2 a {
background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a 1px solid;
border-right: #503c4a 1px solid;
}
#colour2 a:hover {
background-color: #43323f;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
padding-left: 1px;
padding-top: 1px;
padding-right: 1px;
padding-botton: 1px;
border-bottom: 1px solid #503c4a ;
border-left: #503c4a 1px solid;
border-top: #503c4a 1px solid;
border-right: #503c4a 1px solid;
}
.profilentour {
text-align:left;
padding:9px;
background-color:#43323f;
-moz-border-radius:0px;
}
input,textarea, select {font: normal 12px Arial;
background-color: #33262F;
border: 2px solid #503c4a;
border-style: 2px solid;
border-radius: 7px 7px;
-moz-border-radius: 7px;}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
.titresfora{-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3;
border-top: 1px solid #d3d3d3;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;}
.categories{
background-color: #000000;
border: 3px solid #ffffff;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 90%;
border: 3px solid #ffffff;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
border: 3px solid #ffffff;
color: #000000;
font-size: 11px;
font-style: italic;
padding: 3px;
text-align: center;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #ffffff;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
- Spoiler:
Cordialement.
Invité- Invité
Re: Personaliser les catégories
Voilà génial, j'ai trouver mon problème je mettais le code dans index_body !!!!!!
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