Gintoki
{ Membre }
Messages : 128
| Coucou, c'est encore moi. ^^ J'ai un drôle de problème qui survient sous mes onglets. Des chiffres apparaissent. 260,26000,2600000,26000000 En dessous des onglets on le voit. = / Si quelqu'un pense savoir d'où vient le problème je suis tout ouï ^^ Mais je vais quand même donner le template et le Bout de CSS des onglets. ^^ Template index box : - Spoiler:
- 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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript"> <!--
var i = 0;
document.write('<div align="center"> <ul class="onglet">
<li onMouseOver="change_cat(0);" class="onglet_actif" id="cat_0">Administratif</li> <li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Pré R.P.</li> <li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Lieux Divins</li> <li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">Autres Lieux</li> <li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Hors Histoire</li> <li onMouseOver="change_cat(5);" class="onglet_nactif" id="cat_5">Hors R.P.</li>
</ul> </div> ');
var compteur_cat = 0;
var anc_cat = 0;
var nom_cat = new Array('0','1','2','3','4','5');
function change_cat(numero) { document.getElementById(nom_cat[anc_cat]).style.display = 'none'; document.getElementById(nom_cat[numero]).style.display = 'block'; document.getElementById('cat_'+nom_cat[anc_cat]).className = 'onglet_nactif'; document.getElementById('cat_'+nom_cat[numero]).className ='onglet_actif'; anc_cat = numero; }
function capture_cat() { if(nom_cat[compteur_cat] == nom_cat[0]) {document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" >'); } else{ document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" style="display:none;">'); } compteur_cat++; }
//--> </script> <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript"> <!-- capture_cat(); //--> </script>
<!-- FIN MODIF ONGLETS -->
<tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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> <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="{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"> <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}> <FONT color= #8A3030><FONT size=1><P align=center><i>Recèle {catrow.forumrow.POSTS} messages à l'intérieur de {catrow.forumrow.TOPICS} thèmes ♣.</i></P></FONT></FONT> <div align="center"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> <div align="right">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div> <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <span class="gensmall">{catrow.forumrow.TOPICS}</span> <span class="gensmall">{catrow.forumrow.POSTS}</span> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- 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 --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Et le css : - Spoiler:
- Code:
-
/* Les onglesttttttttttttttttsssss*/
.text { color: #A15555; /*Couleur du texte de vos onglets*/ cursor:pointer; }
#cat_Administratif,#cat_Pré-R.P.,#cat_Lieux Divins,#cat_Autres Lieux,#cat_Hors Histoire,#cat_Hors R.P. /*nomonglet... à remplacer par le nom des onglets*/ { padding-top:20px; }
.spoiler_content { display: block; } .hidden .spoiler_content { display: none; }
.cat_forum { background-color: #000000; margin: auto; margin-bottom:30px; width:800px; }
.onglet { display:inline-block; margin-top:30px; text-decoration:none; !important cursor:pointer; }
.onglet li { float:left; list-style-type:none; margin-bottom:-22px; text-decoration:none; !important cursor:pointer; }
.onglet li:hover { text-decoration:none; !important cursor:pointer; }
.onglet li a { display:block; text-decoration:none; !important list-style-type: none; cursor:pointer; }
.onglet li a: hover { text-decoration:none; list-style-type:none; cursor:pointer; }
.onglet_actif { /*background: url('http://i26.servimg.com/u/f26/11/06/29/50/fond_211.jpg') no-repeat;*/ /*URL de l'onglet étant actif*/ width:85px; /*Largeur de l'onglet étant actif*/ height:17px; /*Hauteur de l'onglet étant actif*/ cursor:pointer; -moz-border-radius:15px; -moz-box-shadow: 0px 0px 14px rgb(1, 0, 0); padding:4px; }
.onglet_nactif { /*background:url('http://i26.servimg.com/u/f26/11/06/29/50/fond_211.jpg') no-repeat;*/ /*URL de l'onglet étant inactif*/ width:85px; /*Largeur de l'onglet étant inactif*/ height:17px; /*Hauteur de l'onglet étant inactif*/ cursor:pointer; -moz-border-radius:15px; -moz-box-shadow: 0px 0px 14px rgb(1, 0, 0); padding:4px; }
Je suis sûr que l'erreur vient de l'un des deux. Mais je ne trouve pas. =/ Merci d'avoir lu. ^^ |
Dernière édition par Gintoki le Mer 29 Sep 2010, 14:14, édité 3 fois | |
|
Radimir
{ Membre actif }
Messages : 459
| Tu as encore trafiqué ton forum toi xD ... Bon voila la solution , normalement ça devrait marcher /o/ - 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>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript"> <!--
var i = 0;
document.write('<div align="center"> <ul class="onglet">
<li onMouseOver="change_cat(0);" class="onglet_actif" id="cat_0">Administratif</li> <li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Pré R.P.</li> <li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Lieux Divins</li> <li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">Autres Lieux</li> <li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Hors Histoire</li> <li onMouseOver="change_cat(5);" class="onglet_nactif" id="cat_5">Hors R.P.</li>
</ul> </div> ');
var compteur_cat = 0;
var anc_cat = 0;
var nom_cat = new Array('0','1','2','3','4','5');
function change_cat(numero) { document.getElementById(nom_cat[anc_cat]).style.display = 'none'; document.getElementById(nom_cat[numero]).style.display = 'block'; document.getElementById('cat_'+nom_cat[anc_cat]).className = 'onglet_nactif'; document.getElementById('cat_'+nom_cat[numero]).className ='onglet_actif'; anc_cat = numero; }
function capture_cat() { if(nom_cat[compteur_cat] == nom_cat[0]) {document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" >'); } else{ document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" style="display:none;">'); } compteur_cat++; }
//--> </script> <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript"> <!-- capture_cat(); //--> </script>
<!-- FIN MODIF ONGLETS -->
<tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="50">{L_TOPICS}</th> <th nowrap="nowrap" width="50">{L_POSTS}</th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</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> <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="{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"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <FONT color= #8A3030><FONT size=1><P align=center><i>Recèle {catrow.forumrow.POSTS} messages à l'intérieur de {catrow.forumrow.TOPICS} thèmes ♣.</i></P></FONT></FONT> <div align="center"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> <div align="right">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div> <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.TOPICS}</span> </td> <td class="row2" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.POSTS}</span> </td> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- 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 --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
| | |
|
Gintoki
{ Membre }
Messages : 128
| Ouais xD Désolé, je fais des modifs tout le temps. XD En tout cas, encore merci à toi. C'est de nouveau un problème résolu xD
Euh non en fait... XD C'est pas résolu. Désolé je vais trop vite xD En fait je voulais supprimer les colonnes messages et sujets et en plus mettre la forme en onglets. Mais là ça marche pas. XD | | |
|
Gintoki
{ Membre }
Messages : 128
| Pardon pour le double post. ^^ C'est pour signaler qu'il suffit de suivre le tuto d'Orange (DANS SON INTÉGRALITÉ) après avoir mis les onglets sur le forum. ^^
Merci Radimir pour les chiffres par contre. ^^ Je ne sais pas comment tu as fait mais ça ne recommence plus. ^^
Problème résolu. | | |
|