Catégorie visible dans une catégorie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Catégorie visible dans une catégorie
Hello tout le monde,
J'aurais besoin d'un petit coup de main de votre part, je suis actuellement en train de créer un forum sur counter-strike bref, mais je n'arrive pas à créer une catégorie visible dans une catégorie.
Bizarre me direz-vous... je vous montres cela en screenshot.
J'utilise un système d'onglet pour référencer les différents jeux, mais à cause de cela, je ne peux pas afficher une autre catégorie...
J'aurais aimé que "Maps, textures, modes" soit une catégorie apparente dans celle déjà existante afin de la différencier des forums...
Vous l'avez donc compris, je souhaiterais réaliser cela, merci par avance!
Merci par avance de votre aide!
Takchou.
J'aurais besoin d'un petit coup de main de votre part, je suis actuellement en train de créer un forum sur counter-strike bref, mais je n'arrive pas à créer une catégorie visible dans une catégorie.
Bizarre me direz-vous... je vous montres cela en screenshot.
J'utilise un système d'onglet pour référencer les différents jeux, mais à cause de cela, je ne peux pas afficher une autre catégorie...
J'aurais aimé que "Maps, textures, modes" soit une catégorie apparente dans celle déjà existante afin de la différencier des forums...
Vous l'avez donc compris, je souhaiterais réaliser cela, merci par avance!
J'utilise PhpBB2, je navigue sous Opéra (optionnel).
Merci par avance de votre aide!
Takchou.
Dernière édition par Takchou le Jeu 21 Aoû 2014 - 23:05, édité 1 fois
Re: Catégorie visible dans une catégorie
Bonjour ^^
Sans l'adresse du forum (ya bien un forum sur votre profil, mais bon ...) et sans le codage utilisé pour vos onglets, ça va être impossible de vous aider
Sans l'adresse du forum (ya bien un forum sur votre profil, mais bon ...) et sans le codage utilisé pour vos onglets, ça va être impossible de vous aider
Re: Catégorie visible dans une catégorie
Bonsoir,
Autant pour moi, j'ai complètement zaapé cela...
www.cs-community.forumactif.org
Code javascript :
Code CSS :
Voilà !
Autant pour moi, j'ai complètement zaapé cela...
www.cs-community.forumactif.org
Code javascript :
- Code:
$(function(){
/* variable temporaire */
var t;
/* liste des onglets avec les catégories en faisant partie */
var onglets= [
["Communauté",[0]],
["CS Zéro",[1]],
["CStrike",[2]],
["CSSource",[3]],
["CS:GOffensive",[4]]];
/* fonction pour sélectionner un onglet d'après une string s */
var getOnglet= function(s) {
var j;
for(j=0;j<onglets.length;j++)
if(JSON.stringify(onglets[j])==s) return onglets[j];
return !1;
};
/* fonction pour voir si un index de catégorie i est dans un onglet d */
var inOnglets= function(d,i) {
var j;
for(j=0;j<d[1].length;j++)
if(d[1][j]==i) return !0;
return !1;
};
/* onglet sélectionné par défaut */
var songlet= onglets[0];
/* est-ce que l'onglet sélectionné est sauvegardé d'un affichage de l'index à l'autre */
var save= true;
/* temps pour slider en ms */
var timeslide= 800;
/* récupération de l'onglet sauvé d'une autre fois */
if(save && window.localStorage)
if(t=localStorage.getItem("onglets"))
if(t=getOnglet(t))
songlet= t;
/* entoure les catégories d'un <div class="cat-table" /> */
$("th.secondarytitle").closest("table").wrap('<div class="cat-table" />');
/* affichage de l'onglet en cours */
$(".cat-table").filter(function(index) {
return !inOnglets(songlet,index);
}).hide();
/* ajout du div des onglets */
$(".cat-table:first").before('<div id="cat-onglets"></div>');
/* ajout des onglets dans le div */
for(t=0;t<onglets.length;t++)
{
$("#cat-onglets").append('<div class="co-item'+(onglets[t]==songlet?' co-actif':'')+'">'+onglets[t][0]+'</div>');
}
/* clic sur un onglet */
$("#cat-onglets .co-item").click(function(){
$("#cat-onglets .co-actif").removeClass("co-actif");
$(this).addClass("co-actif");
var o= onglets[$("#cat-onglets .co-item").index(this)];
$(".cat-table").not($(".cat-table").filter(function(index) {
return inOnglets(o,index);
}).slideDown(timeslide)).slideUp(timeslide);
if(save && window.localStorage) localStorage.setItem("onglets",JSON.stringify(o));
});
});
Code CSS :
- Code:
/*onglets catégories*/
#cat-onglets {
margin: 5px auto;
text-align: center; }
.co-item {
background: #535357;
color: #ffffff;
border: 1px solid #D9DBE8;
display: inline;
cursor: pointer;
margin: 0 5px;
padding: 3px;
border-radius: 5px;
}
.co-item:hover{
background: #424245;
border: 1px solid #D9DBE8;
color:#3787E8;
display: inline;
cursor: pointer;
margin: 0 5px;
padding: 3px;
border-radius: 5px;
}
.co-actif {
background: #535357;
color: #3787E8;
border:1px solid #D9DBE8; }
Voilà !
Re: Catégorie visible dans une catégorie
Avec un forum en maintenance, ça va pas aider.
De plus je suis pas très familier avec les catégories en onglets mais je pense avoir réussi à comprendre.
Sans onglets vous avez disons 8 catégories sur l'index principal. Chaque catégorie aura son identifiant de 0 à 7 (8 - 1)
Dans votre javascript vous avez ceci
Chaque onglet contient un seul identifiant et donc une seule catégorie.
Essayez de remplacer cette section par
Il suffit donc de rajouter chaque catégorie entre les crochets en prenant soin de la séparer de la précédente par une virgule.
Ce petit exemple devrait vous permettre de mieux appréhender le fonctionnement du script et par conséquent de trouver par vous même la réponse.
De plus je suis pas très familier avec les catégories en onglets mais je pense avoir réussi à comprendre.
Sans onglets vous avez disons 8 catégories sur l'index principal. Chaque catégorie aura son identifiant de 0 à 7 (8 - 1)
Dans votre javascript vous avez ceci
- Code:
/* liste des onglets avec les catégories en faisant partie */
var onglets= [
["Communauté",[0]],
["CS Zéro",[1]],
["CStrike",[2]],
["CSSource",[3]],
["CS:GOffensive",[4]]];
Chaque onglet contient un seul identifiant et donc une seule catégorie.
Essayez de remplacer cette section par
- Code:
/* liste des onglets avec les catégories en faisant partie */
var onglets= [
["Communauté",[0,1,2]],
["CS Zéro",[1]],
["CStrike",[2]],
["CSSource",[3]],
["CS:GOffensive",[4]]];
Il suffit donc de rajouter chaque catégorie entre les crochets en prenant soin de la séparer de la précédente par une virgule.
Ce petit exemple devrait vous permettre de mieux appréhender le fonctionnement du script et par conséquent de trouver par vous même la réponse.
Re: Catégorie visible dans une catégorie
Gourde sur gourde... je suis sincèrement désolé, j'ai la tête en l'air en ce moment, je n'ai pas fais attention que j'avais laissé la page de travaux sur le forum, je la désactive, de toute manière elle ne m'est plus d'aucune utilité !
Effectivement, je n'avais pas pensé à procéder comme cela, encore merci, je change l'icône.
Effectivement, je n'avais pas pensé à procéder comme cela, encore merci, je change l'icône.
Sujets similaires
» Grouper les forums dans catégorie afin qu'on ne voit que catégorie
» Comment mettre un ou plusieurs catégorie(s) dans une seule catégorie ?
» Peut-on créer une catégorie dans une catégorie
» Catégorie, sous catégorie, forum... : Mettre le nombre de sujets et de messages dans le même encadrer que les derniers messages
» Catégorie non visible
» Comment mettre un ou plusieurs catégorie(s) dans une seule catégorie ?
» Peut-on créer une catégorie dans une catégorie
» Catégorie, sous catégorie, forum... : Mettre le nombre de sujets et de messages dans le même encadrer que les derniers messages
» Catégorie non visible
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum