Catégorie en onglet bug

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Catégorie en onglet bug

Message par AirNess le Sam 18 Déc 2010 - 11:39

Bonjour Invité ,
J'ai suivi le tutoriel pour mettre c'est catégorie en onglet et voici le bug.
Spoiler:


Et voici le CSS

Spoiler:

Code:

/* Onglets Catégories */

#cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}

.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:40px;
text-decoration:none;
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}

.onglet li:hover {
text-decoration:none;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
width: 112px;
height: 25px;
cursor:pointer;
}


.onglet_nactif {
background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
width: 115px;
height: 25px;
cursor:pointer;
}


/* Fin */

J'espère avoir une réponse rapidement.

Amicalement, AirNess


Dernière édition par AirNess le Sam 18 Déc 2010 - 13:05, édité 1 fois

AirNess
***

Masculin
Messages : 123
Inscrit(e) le : 27/08/2010

http://citypub.1fr1.net/
AirNess a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet bug

Message par Invité le Sam 18 Déc 2010 - 12:25

Un sujet qui m'est adressé, waou Razz

Salut,

Est-ce que je pourrais avoir le template ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet bug

Message par AirNess le Sam 18 Déc 2010 - 12:31

bien sur la voici,
Code:

<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

var i = 0;

document.write('<div align=&quot;center&quot;>
<ul class=&quot;onglet&quot;>

 
<li onMouseOver=&quot;change_cat(0);&quot; class=&quot;onglet_actif&quot; id=&quot;cat_0&quot;><h2 class=&quot;active&quot;>Accueil &amp;amp; Bienvenue  </h2></li>
<li onMouseOver=&quot;change_cat(1);&quot; class=&quot;onglet_nactif&quot; id=&quot;cat_1&quot;>  Recrutement  </li>
<li onMouseOver=&quot;change_cat(2);&quot; class=&quot;onglet_nactif&quot; id=&quot;cat_2&quot;>  A vos Pubs  </li>
<li onMouseOver=&quot;change_cat(3);&quot; class=&quot;onglet_nactif&quot; id=&quot;cat_3&quot;>Services de Galaxie</li>



</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

var nom_cat = new Array('0','1','2','3');

 
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=&quot;forumline&quot; id=&quot;' + nom_cat[compteur_cat] + '&quot; >');
}
else{
 document.write('<table class=&quot;forumline&quot; id=&quot;' + nom_cat[compteur_cat] + '&quot; style=&quot;display:none;&quot;>');
}
compteur_cat++;
}

//-->
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
capture_cat();
//-->
</script>   

<!-- FIN MODIF ONGLETS -->

AirNess
***

Masculin
Messages : 123
Inscrit(e) le : 27/08/2010

http://citypub.1fr1.net/
AirNess a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet bug

Message par Invité le Sam 18 Déc 2010 - 12:34

Serait-il possible de l'avoir en entier ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet bug

Message par AirNess le Sam 18 Déc 2010 - 12:38

Voila merci de ton aide
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=&quot;center&quot;>
<ul class=&quot;onglet&quot;>

 
<li onMouseOver=&quot;change_cat(0);&quot; class=&quot;onglet_actif&quot; id=&quot;cat_0&quot;><h2 class=&quot;active&quot;>Accueil &amp;amp; Bienvenue  </h2></li>
<li onMouseOver=&quot;change_cat(1);&quot; class=&quot;onglet_nactif&quot; id=&quot;cat_1&quot;>  Recrutement  </li>
<li onMouseOver=&quot;change_cat(2);&quot; class=&quot;onglet_nactif&quot; id=&quot;cat_2&quot;>  A vos Pubs  </li>
<li onMouseOver=&quot;change_cat(3);&quot; class=&quot;onglet_nactif&quot; id=&quot;cat_3&quot;>Services de Galaxie</li>



</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

var nom_cat = new Array('0','1','2','3');

 
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=&quot;forumline&quot; id=&quot;' + nom_cat[compteur_cat] + '&quot; >');
}
else{
 document.write('<table class=&quot;forumline&quot; id=&quot;' + nom_cat[compteur_cat] + '&quot; style=&quot;display:none;&quot;>');
}
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}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<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>
</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 -->

AirNess
***

Masculin
Messages : 123
Inscrit(e) le : 27/08/2010

http://citypub.1fr1.net/
AirNess a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet bug

Message par Invité le Sam 18 Déc 2010 - 12:53

Le problème était la hauteur de tes onglets. Ton image de fond est trop petite par rapport au texte. Soit tu agrandis ton image de fond d'onglet soit tu diminues la taille du texte Wink

N'ayant pas d'image de fond plus grande j'ai agrandi la hauteur des onglets. ( Modifications en rouge ).

/* Catégories en onglets */

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}


.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:40px;
text-decoration:none;
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}

.onglet li:hover {
text-decoration:none;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
width: 112px;
height: 45px;
cursor:pointer;
}


.onglet_nactif {
background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
width: 115px;
height: 45px;
cursor:pointer;
}


/* Fin */

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet bug

Message par AirNess le Sam 18 Déc 2010 - 13:04

Merci beaucoup je te mets toute suite une gros merci et je mets le problème en résolu

AirNess
***

Masculin
Messages : 123
Inscrit(e) le : 27/08/2010

http://citypub.1fr1.net/
AirNess a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet bug

Message par Invité le Sam 18 Déc 2010 - 13:06

Contente d'avoir pu t'aider Very Happy

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum