voila des catégories toutes simples o/
Postez à la suite pour voir le code o/
- Code:
-
[hide]
html:
[code] <table width="100%" border="0" cellspacing="0" 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="0" cellpadding="0" style="background: transparent">
<tr>
<td>
<table>
<th nowrap="nowrap" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">
<span class="categoriedébut">{catrow.tablehead.L_FORUM}</span>
</th>
</table>
</td>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr class="border">
<!-- BEGIN inc -->
<!-- END inc -->
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<table class='border'><tr><td class="new" class="{catrow.forumrow.INC_CLASS}">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td>
<div style="scrollbar: auto; position: relative" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td>
<td class="infos" class="row1 over" width="100" >
<span class="gensmall">{catrow.forumrow.LAST_POST}
<br/>Il y a {catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages
</span>
<br/>
</td>
</tr></table>
<div class='sousforums'> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->[/code]
Css:
[code]
/* CATEGORIES */
/*SOUS FORUM*/
.sousforums {
border-bottom : 3px dotted #04b2ad;
border-left : 3px dotted #04b2ad ;
border-right : 3px dotted #04b2ad;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
width: 400px;
padding:5px;
margin-left: 200px;
margin-right:300px;
}
/*BORDURE QUI ENCADRE LES CATÉGORIES*/
.border {
border : 3px solid #04b2ad ;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
background-color: #CCDBE8;
width: 1000px;
}
/*TAILLE CATEGORIES*/
.categories {
weigth: 800px;
}
/*LIEN DES FORUMS*/
.forumlink {
font-family:Quintessential;
font-style:oblique;
font-size:30px !important;
letter-spacing:-2px;
transition: all 1s ;
padding-left: 20%;
}
/*LIEN DES FORUMS AU SURVOL DE LA SOURIS*/
.forumlink:hover {
letter-spacing:10px;
-webkit-transition: all 1s ;
transition: all 1s ;
}
A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}
/*BLOC A DROITE*/
.infos {
display: bloc;
padding-left : 20px;
font-family:Quintessential !important;
font-size: 14px !important;
position : relative;}
/*ECRITURE EN GENERAL (/!\ ne modifie pas que les catégories /!\)*/
.gensmall {
font-family:Quintessential !important;
font-size: 14px !important;
}
/*TITRE CATEGORIE*/
.secondarytitle, .secondarytitle h2 {
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-weight: bold;
font-size: 14px;
position: relative;
height: 3px;
}
.categoriedébut{
border-radius: 20px;
font-family: Quintessential;
}
[/code]