Ma demande
Bonjour à vous ! Je viens demander une petite aide pour retirer le système d'onglet dans le template index_box. j'ai pas arrêté de m'arracher les cheveux xD. Je ne sais pas si je poste au bon endroit :/
Schéma(s) et Eléments
Schémas :
- Spoiler:
Les onglets se présentent en image, il faut cliquer dessus pour changer de catégories. J'aimerais vraiment retirer ce codage et faire en sorte que ça redevienne "normal".
- template:
- Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
</table>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript">
<!--
document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">
<div class="ong" style="margin-bottom:10px;margin-left:-30px;margin-right:10px;"><b><li onClick="change_cat(1)" class="onglet actif" id="onglet_1" style="font-size:10px;"><img src="http://image.noelshack.com/fichiers/2014/35/1409360703-1.png" width="135px"></li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2" style="font-size:10px;"><img src="http://image.noelshack.com/fichiers/2014/35/1409360703-2.png" width="135px"></li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3" style="font-size:10px;"><img src="http://image.noelshack.com/fichiers/2014/35/1409360703-3.png" width="135px"></li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4" style="font-size:10px;"><img src="http://image.noelshack.com/fichiers/2014/35/1409465247-untitled-1.png" width="135px"></li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5" style="font-size:10px;"><img src="http://image.noelshack.com/fichiers/2014/35/1409360704-5.png" width="135px"></li></b></div>
</ul></div>');
var compteur_cat = 1;
function change_cat(numero)
{
if(document.getElementById('categorie_'+numero))
{
/* affichage de la bonne categorie */
$('table[id^=categorie_]').css('display','none');
$('table[id=categorie_'+numero+']').fadeIn();
/* affichage du bon onglet */
$('.actif').removeClass("actif");
$('.onglet[id=onglet_'+numero+']').addClass("actif");
}
}
function capture_cat()
{
if(compteur_cat == 1)
{
document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
}
else
{
$('#conteneur_barre_onglet').css("display","block");
document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
}
compteur_cat++;
}
//-->
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<script type="text/javascript">
<!--
capture_cat();
//-->
</script>
<!-- FIN MODIF ONGLETS -->
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><span style="text-transform:uppercase;">{catrow.tablehead.L_FORUM}</span></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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="790px"><td valign="bottom" align="center"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="ms"><span class="gensmall">{catrow.forumrow.TOPICS}S ▬ {catrow.forumrow.POSTS}M</span></div>
</td><td valign="bottom" align="center">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><tt>{catrow.forumrow.FORUM_NAME}</tt></a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<div class="des">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div><div class="sf">
<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>
</div>
</td><td valign="bottom" align="center"> <div class="dm"><div class="dm2"><br /><br />
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></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>
Tailles des éléments : /
Effets voulus : /
Version de votre forum : PHPBB2
Ressources
/
Autres précisions ?
Merci par avance vraiment ♥
Dernière édition par Syndara le Lun 30 Mar 2015 - 23:57, édité 1 fois