Hello !
Alors voilà mon petit problème.
Ayant suivi
ce topic, j'ai réalisé mes onglets (non sans mal xD).
Mon problème va vous paraître bête mais, mes contours ont disparus.
Screen de mon Forum test sans les onglets :
- Spoiler:
Et avec les onglets :
- Spoiler:
J'aimerai bien qu'elles reviennent car ça fait un énorme vide.
J'ai vraiment essayer de bidouiller CSS && templates mais rien ^^'
Donc voici mon CSS :
- Spoiler:
- Code:
-
.text {
color:#000000; /*Couleur du texte de vos onglets*/
cursor:pointer;
}
#cat_Placard de Namika,#cat_Créations by Namika,#cat_Archives du Forum /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}
.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }
.cat_forum {
background-color:#ebdddd;
border:6px solid #EBDDDD;
-moz-border-radius:17px;
margin:auto;
width:100%;}
.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}
.onglet li {
float:left;
list-style-type:none;
margin-bottom:-5px;
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 {
color:#C82546;
margin:2px;
-moz-border-radius : 10px 10px 0px 0px;
font-size:12px;
padding:3px;
font-weight:bold;
background-image:url('http://shizoo.frozen-media.de/stuff/patterns/96.gif'); /*image de fond de l'onglet actif*/
cursor:crosshair;}
.onglet_nactif {
margin:2px;
-moz-border-radius : 10px 10px 0px 0px;
font-size:12px;
padding:3px;
background-color:#EBDDDD; /*couleur de fond de l'onglet actif*/
cursor:crosshair;}
Et la partie du template concernée (enfin je pense) :
- 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">Placard de Namika</li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Créations by Namika</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Archives du Forum</li>
</ul>
</div>
');
var compteur_cat = 0;
var anc_cat = 0;
var nom_cat = new Array('0','1','2');
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="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
document.write('<table class="cat_forum" 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 -->
Merci d'avance ^^
Et je sens que c'est un truc tout bête x)