catégorie css

Admin Messages : 56 Date d'inscription : 09/02/2014

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
♦ <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
      ♦ <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
   </td>
</tr>
</table>

<center><div class="ongletcat"><div id="conteneur_onglets">
<center><table><tr>
<td class="onglet"><div><img src="http://image.noelshack.com/fichiers/2013/48/1385819637-genese.png" /></div></td>
<td class="onglet"><div><img src="http://image.noelshack.com/fichiers/2013/48/1385819637-gestion.png" /></div></td>
<td class="onglet"><div><img src="http://image.noelshack.com/fichiers/2013/48/1385819637-bb.png" /></div></td>
<td class="onglet"><div><img src="http://image.noelshack.com/fichiers/2013/48/1385819637-orange.png" /></div></td>
<td class="onglet"><div><img src="http://image.noelshack.com/fichiers/2013/48/1385819637-monde.png" /></div></td>
<td class="onglet"><div><img src="http://image.noelshack.com/fichiers/2013/48/1385819637-pause.png" /></div></td>
</tr></table></center>
</div>
<br />
<div class="fondcaté"><div id="conteneur_categories" align="center" style="margin-left:6px;">
<div class="categorie">

<table><tr><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">

<center>
<div class="titlefo"> <div style="height:10px;"></div>
{catrow.tablehead.L_FORUM}
</div>
</center></th></tr></table>

<table class="forumline" width="760" border="0" cellspacing="1" cellpadding="0">



<tr>

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

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


<tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>


<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>
<center><div class="gensmall" id="stat">Nos sorciers ont rédigé <b>{catrow.forumrow.TOPICS}</b> formules sur <b>{catrow.forumrow.POSTS}</b> parchemin</div><center/>

<table>
<td><span class="genmed">
<div class="testdesc">
<div class="portoloin" style="padding:2px;padding-bottom:5px;margin-left:5px;">
<span class="gensmall">►</span> <span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
<script type="text/javascript">
jQuery(function(){
var separator = "<br /> ► ";
jQuery('span#subforums').each(function(){
var links = jQuery(this).find("a");
if(links.length > 1){
var html = "";
links.each(function(i){
html += "<a href='"+jQuery(this).attr('href')+"' title=\""+jQuery(this).attr('title')+"\" class='gensmall'>"+jQuery(this).text()+"</a>";
if(i+1 != links.length){
html += separator;
}
});
jQuery(this).html(html);
}
jQuery(this).removeAttr('id');
});
});
</script>
<img src="http://image.noelshack.com/fichiers/2013/48/1385822790-portoloin.png" style="background-color:#181010;" />
</div>
</div></span>
</td>

<td><div class="forum_desc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td>

<td class="row3 over" align="center" valign="top" height="50">

<div 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}" />
</div>

<div class="derniermess">
<span class="gensmall">
{catrow.forumrow.LAST_POST}</span>
</div></td>
</table>

</td>

</tr>


<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" /></div>
</div></div></div></div><div style="margin-left:2px; border-top:2px dotted; margin-top:-5px; width:760px;"><img src="http://oi44.tinypic.com/245btra.jpg" style="margin-top:-px;"/></div></center>

Admin Messages : 56 Date d'inscription : 09/02/2014

caté en onglet

Code:: $('document').ready(function()
{
if($('.categorie').size() > 1)
{
$('#conteneur_onglets').css( 'display' , 'block' );
$('#conteneur_onglets .onglet').click(function()
{
change_categorie( $('.onglet', '#conteneur_onglets').index( this ) )
});

$('.onglet:eq(0)').click();
}
});

function change_categorie( index )
{
if( $('.categorie:eq(' + index + ')').size() != 0 )
{
$('#conteneur_categories').css( 'min-height' , $('.categorie:eq(' + index + ')').outerHeight() );

$('.categorie').css( 'display' , 'none' );
$('.categorie:eq(' + index + ')').fadeIn( 500 );

$('.onglet.actif').removeClass('actif');
$('.onglet:eq('+ index +')').addClass('actif');
}
else alert('Vous ne pouvez pas accéder à cette catégorie');
}

Admin Messages : 56 Date d'inscription : 09/02/2014

Code:: .onglet {
font-size: 11px;
color: #586676;
text-transform: uppercase;
font-family: Georgia;
padding-left:2px;
padding-right:2px;
cursor:pointer;
}