arabacadabra Admin
Messages : 56 Date d'inscription : 09/02/2014
| Sujet: catégorie css Dim 9 Fév - 20:06 | |
| - 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}"><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"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <!-- END switch_user_logged_in --> <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;"> <!-- BEGIN catrow --><!-- BEGIN tablehead --><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"> <!-- 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="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> <!-- 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" /></div><!-- END tablefoot --><!-- END catrow --> </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> | |
|
arabacadabra Admin
Messages : 56 Date d'inscription : 09/02/2014
| Sujet: Re: catégorie css Dim 9 Fév - 20:07 | |
| 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'); } | |
|
arabacadabra Admin
Messages : 56 Date d'inscription : 09/02/2014
| Sujet: Re: catégorie css Dim 9 Fév - 20:08 | |
| - Code:
-
.onglet { font-size: 11px; color: #586676; text-transform: uppercase; font-family: Georgia; padding-left:2px; padding-right:2px; cursor:pointer; } | |
|