 Jiben 
{ Membre actif }
 Messages : 314
 | Bonjours a tout le monde  je viens ici, car j'aurais besoin de vos talent de codage  Tous d'abord, j'ai mis mes catégories en onglets et jusque là tout est bien Voici l'aperçu : Comme vous le voyez ici, l'onglet que l'on voit sur cette image est présentation et candidature. Pas évidement de le savoir, surtout quand on change d'onglets c'est toujours ceci Quand on parcourt un onglets, cette onglets deviens comme ceci :  Ceci est tout simplement un hover pour voir quel onglets on parcours. Maintenant je vais vous expliquer le problème Je veux que mon onglets reste comme mon onglets en hover quand on a cliqué dessus pour bien voir que l'on est sur telle catégories. J'espère que j'ai été assez clair ?! Merci d'avance pour votre aide Cordialement Jiben Mon CSS :
index_box :overall_header : ( Où ce trouve le script des onglets ) | | |
|
'Christa 
Lostmindy
 Messages : 2856
| *se masse les tempes* Je te l'avais déjà fais remarquer dans un précédent sujet, mais il faudrait que tu penses à écrire je voudrais plutôt que je veux, c'est une forme infiniment plus polie et donc plus agréable. Pour ton problème, le problème vient du fait que le script utilisé pour le système d'onglets est loin d'être clair : - Code:
-
eval(function(h,b,i,d,g,f){g=String;if("0".replace(0,g)==0){while(i--){f[g(i)]=d[i];}d=[function(a){return f[a]||a;}];g=function(){return"[1-9]";};i=1;}while(i--){if(d[i]){h=h.replace(new RegExp("\\b"+g(i)+"\\b","g"),d[i]);}}return h;}("1 2=0;$(6(){1 c=$('.7').size();$('.3').8();$('.3:4(0)').show();for(1 a=0;a<c;a++){1 d=$('.7:4('+a+')').text();$('<a href=\"javascript:void(0);\"><9 class=\"5\">'+d+'</9></a>').appendTo('.my_cat ul')}$('.5').click(6(){1 b=$('.5').index(this);if(2!=b){$('.3:4('+2+')').8();$('.3:4('+b+')').fadeIn();2=b}})});",[],10,"|var|myeq|my_modified_table|eq|my_cat_style|function|my_forum_name|hide|li".split("|"),0,{})); Il faut que tu demandes à l'auteur du script, ou quelqu'un qui s'y connait en javascript (Haribot ou Espeon me semblent des interlocuteurs pertinents) pour qu'il modifie le code de façon à ce qu'une catégorie active se voit affectée d'une classe 'active', un peu comme dans le code (Beaucoup plus simple, j'insiste) utilisé dans le tutoriel de Vic Le Faucheur (le tuto des onglets de catégories que l'on trouve sur CSSActif)... | | |
|
Espeon 
Administrateur
Messages : 1819
| En fait je me demande si c'est bien le code qui gère les onglets. J'ai trouvé un script qui y ressemblait plus et qui semble changer la classe .btn_slide en .active lors du clic... Mais faute de code source je ne peux rien affirmer (le mieux serait d'avoir un lien vers le forum pour qu'on se rende bien compte du problème).
Déjà, essaye de voir ce que ça donne avec ce code CSS revu. - Code:
-
/* contenu de tous mes catégories */
.my_modified_table{
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;
font-family: Verdana;}
.my_forum_name{
display:none;}
.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Arial;
text-shadow:1px 1px 6px #000000;}
/* contour des tous mes catégories */
.forumline{ border: 1px dotted white;
-border-radius: 20% 2% 9% 2%;
-moz-border-radius: 20% 2% 9% 2%;
-webkit-border-radius: 20% 2% 9% 2%;
padding: 3px;
-moz-box-shadow: 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black;
box-shadow: 0px 0px 15px black;
padding-left: 20px;}
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
margin-left: 30%;}
.my_cat li{
margin-left: 2px;
}
/* design de mes onglets de mes catégories */
.my_cat_style{
margin-left: 8px !important;
border-top: 1px dotted white;
border-left: 1px dotted white;
border-right: 1px dotted white;
-moz-border-radius-topleft: 7%;
-moz-border-radius-topright: 7%;
text-align:center;
font-size: 14px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: none;
width: 200px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;}
.my_cat_style:hover, .active {-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10px black;
box-shadow: 0px 0px 10px black;}
/* texte de mes onglets de mes catégories */
.my_cat a{
text-decoration: none !important;
color:#666565;
} | | |
|
Jiben
{ Membre actif }
Messages : 314
| Avec le CSS revu ceci ne change rien. Voici mon forum : http://lesgendresbeta5.forumactif.org/ merci de votre aide | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Bonjour ^^ Ton problème est-il toujours d'actualité? S'il a été résolu, je te prie d'éditer ton premier message et de cocher l'icône  Merci | | |
|
Jiben
{ Membre actif }
Messages : 314
| Bonjour,
Mon problème n'a pas encore été résolu. | | |
|
Lun 03 Juin 2024, 17:20 par 
