Forum en Onglet, cliquez au lieu de survoler Bouton_activeForum en Onglet, cliquez au lieu de survoler Bouton_hoverForum en Onglet, cliquez au lieu de survoler Fb-hoverForum en Onglet, cliquez au lieu de survoler Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Forum en Onglet, cliquez au lieu de survoler EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Forum en Onglet, cliquez au lieu de survoler EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Forum en Onglet, cliquez au lieu de survoler EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Forum en Onglet, cliquez au lieu de survoler EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Forum en Onglet, cliquez au lieu de survoler EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Forum en Onglet, cliquez au lieu de survoler EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Forum en Onglet, cliquez au lieu de survoler EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Forum en Onglet, cliquez au lieu de survoler EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Forum en Onglet, cliquez au lieu de survoler

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://tb-world.site-forums.com
Lidord
Lidord
{ Membre }
{ Membre }

Masculin Messages : 246



Forum en Onglet, cliquez au lieu de survoler Empty
Bonjour,
Je souhaiterai savoir comment, en ce qui concerne une organisation par onglet des forums, de cliquer sur un onglet pour changer, car dans mon cas, il suffit juste de survoler avec la souris et je n'aime pas vraiment !
De plus, je souhaiterai bien centrer mes onglets car j'ai l'impression qu'ils sont tournés plus vers la droite.

Voilà merci d'avance pour m'aider à regler ces deux petits problèmes !


Dernière édition par Lidord le Lun 08 Nov 2010, 13:48, édité 1 fois
MessageSujet: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyMar 02 Nov 2010, 07:25
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



Forum en Onglet, cliquez au lieu de survoler Empty
Il te faut remplacer dans ton code les "onmouseover" par "onclick" .
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyMar 02 Nov 2010, 08:08
Revenir en haut Aller en bas
http://tb-world.site-forums.com
Lidord
Lidord
{ Membre }
{ Membre }

Masculin Messages : 246



Forum en Onglet, cliquez au lieu de survoler Empty
Dans le code css ou dans le template, il n'y a pas de "onmouseover" ^^'

PS: si tu as besoin d'un code, demande le =)
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyMar 02 Nov 2010, 08:35
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



Forum en Onglet, cliquez au lieu de survoler Empty
C'est dans le template normalement mais j'ai jamais travailler sur les catégorie en onglet (j'aime pas ce système xD)

Envoi ton template tout de même ^^.
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyMar 02 Nov 2010, 09:17
Revenir en haut Aller en bas
http://tb-world.site-forums.com
Lidord
Lidord
{ Membre }
{ Membre }

Masculin Messages : 246



Forum en Onglet, cliquez au lieu de survoler Empty
Pas de soucis! (à l'occasion, si tu comprend lol, essaye aussi de me lees centrer, si tu peux ^^)
Le voilà:
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"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032704250044.png"></li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1"><img src="http://nsa24.casimages.com/img/2010/10/17/101017032859619614.png"</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032538223510.png"</li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032725241628.png"</li>
<li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032744640278.png"</li>



</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

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

 
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}>
<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 -->
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyMar 02 Nov 2010, 09:30
Revenir en haut Aller en bas
http://www.never-utopia.com/index.htm
Pull_up_Style
Pull_up_Style
{ Membre }
{ Membre }

Masculin Messages : 86



Forum en Onglet, cliquez au lieu de survoler Empty
Tu as ce bout de code:

Code:
<li onMouseOver="change_cat(0);" class="onglet_actif" id="cat_0"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032704250044.png"></li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1"><img src="http://nsa24.casimages.com/img/2010/10/17/101017032859619614.png"</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032538223510.png"</li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032725241628.png"</li>
<li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032744640278.png"</li>

remplace le par ça:

Code:
<li onclick="change_cat(0);" class="onglet_actif" id="cat_0"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032704250044.png"></li>
<li onclick="change_cat(1);" class="onglet_nactif" id="cat_1"><img src="http://nsa24.casimages.com/img/2010/10/17/101017032859619614.png"</li>
<li onclick="change_cat(2);" class="onglet_nactif" id="cat_2"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032538223510.png"</li>
<li onclick="change_cat(3);" class="onglet_nactif" id="cat_3"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032725241628.png"</li>
<li onclick="change_cat(4);" class="onglet_nactif" id="cat_4"><img src="http://nsa23.casimages.com/img/2010/10/17/101017032744640278.png"</li>

Tu désire centrer quoi?
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyMar 02 Nov 2010, 09:43
Revenir en haut Aller en bas
http://tb-world.site-forums.com
Lidord
Lidord
{ Membre }
{ Membre }

Masculin Messages : 246



Forum en Onglet, cliquez au lieu de survoler Empty
Bah mes onglets !
Car je ne les trouve pas centrer, il y a un petit décalage ^^
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyMar 02 Nov 2010, 10:01
Revenir en haut Aller en bas
Druyk
Druyk
{ Membre actif }
{ Membre actif }

Masculin Messages : 339



Forum en Onglet, cliquez au lieu de survoler Empty
Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Forum en Onglet, cliquez au lieu de survoler Resolu3 en éditant votre premier post.
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyLun 08 Nov 2010, 13:41
Revenir en haut Aller en bas
http://tb-world.site-forums.com
Lidord
Lidord
{ Membre }
{ Membre }

Masculin Messages : 246



Forum en Onglet, cliquez au lieu de survoler Empty
Je le fait de suite !
Désolé !
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler EmptyLun 08 Nov 2010, 13:46
Revenir en haut Aller en bas
Contenu sponsorisé




Forum en Onglet, cliquez au lieu de survoler Empty
MessageSujet: Re: Forum en Onglet, cliquez au lieu de survoler   Forum en Onglet, cliquez au lieu de survoler Empty
Revenir en haut Aller en bas
 

Forum en Onglet, cliquez au lieu de survoler

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Un forum en onglet
» Onglet accueil + forum
» Catégorie du forum en onglet
» [résolu]Intégrer un menu à onglet dans un menu à onglet
» [TEMPLATE]Cacher un Onglet du Forum en fonction du Groupe.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com