+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Tutoriels (https://mybb.support/forum-19.html)
+--- Sujet : Modèle d'artisanat catégories. (/thread-3502.html)
Modèle d'artisanat catégories. - YouGa- - 21-12-2010
Traductions :
Ce mod a été écrit par nhtera888xxx et modifié par Joey_Pham de http://mybbvn.com
Il s'agit d'une modification du modèle d'artisanat pour vous aider à faire les onglets pour vos catégories, nous allons commencer:
Démo en ligne: http://www.forumese.com/
Tout d'abord, vous devez télécharger la pièce jointe ci-dessous, puis décompressez-le et télécharger dans JScript dossier.
Étape 1:
Aller à forumbit_depth1_cat modèle et ajouter la balise div pour couvrir tous les modèles:
Code :
id="cat_{$forum['fid']}" <div class="content">
....
</ Div>Aller à l'index modèle et à rechercher:
Code :
{$ Forum}Ensuite, ajoutez-dessus:
Code :
<script type="text/javascript" src="jscripts/jquery-1.3.2.min.js"> </ script>
<script type="text/javascript">
. NoConflict $ ();
</ Script>
<script type="text/javascript">
jQuery (document). ready (function ($) {
(Onglet '.') $. Cliquez sur (function () {
$ RemoveClass ('at') ('à.').
$ (Ce) addClass ('at').
(«Contenu».) $ SlideUp ().
catshow var = $ (this) attr ('rel').
$('#'+ Catshow) slideDown ().
});
});
</ Script>
<table border="0" width="100%" cellspacing="0" class="tborder" cellpadding="4" style="margin-bottom: 3px;">
<tr align="center">
class="tcat <td à title="Category tab" 1" style="cursor: pointer;" rel="cat_1"> Catégorie 1 </ td>
tab" class="tcat <td title="Category 4 & 6" style="cursor: pointer;" rel="cat_4, #cat_6"> Catégorie 4 & 6 </ td>
<td class="tcat tab" title="Category 9" style="cursor: pointer;" rel="cat_9, #cat_11"> Catégorie 9 </ td>
</ Tr>
</ Table>Le "cat_1" , "cat_4" , "cat_6" , "cat_9" , "cat_11" ont été prises à partir du code de l'étape 1 div ci-dessus:
Code :
"Cat_ {$ forum ['fid']}"Ces cat_1, cat_4, cat_9 seront les onglets principaux qui montrent sur la page d'index.
Le # cat_6 sera la catégorie qui restent dans les mêmes onglets avec le cat_4, à quoi il ressemble ci-dessus,
et le # cat_11 sera la catégorie qui restent dans les mêmes onglets avec le cat_9.
=> Ne pas oublier le # pour les sous-catégories, si vous oubliez, alors ils l'habitude de voir après les principales catégories.
Vous sorte de l'idée, non?
Puis ajouter ces code CSS à global.css:
Code :
. {Au
background: # 026CB1 url (images / thead_bg.gif) en haut à gauche repeat-x;
color: # ffffff;
}
# {Cat_4
display: none;
}
# {Cat_6
display: none;
}
# {Cat_9
display: none;
}
# {Cat_11
display: none;
}
(Et continue)Par exemple, à partir du code ci-dessus, il montre la cat_1 et cacher le reste d'entre eux.
Si vous souhaitez afficher ou modifier un autre onglet, il suffit d'ajouter le cat_1 et supprimer le css de l'onglet que vous souhaitez afficher.
EX: Maintenant, je veux montrer la cat_4 , puis je vais avoir ce code pour mon CSS:
Code :
. {Au
background: # 026CB1 url (images / thead_bg.gif) en haut à gauche repeat-x;
color: # ffffff;
}
# {Cat_1
display: none;
}
# {Cat_6
display: none;
}
# {Cat_9
display: none;
}
# {Cat_11
display: none;
}Comme ici, je ne peux choisir pour cat_1, cat_4, ou cat_9, parce qu'ils sont les onglets principaux, j'ai choisi avant.
et puis je vais changer le code de l'index de ce modèle:
Code :
<table border="0" width="100%" cellspacing="0" class="tborder" cellpadding="4" style="margin-bottom: 3px;">
<tr align="center">
class="tcat <td à title="Category tab" 1" style="cursor: pointer;" rel="cat_1"> Catégorie 1 </ td>
tab" class="tcat <td title="Category 4 & 6" style="cursor: pointer;" rel="cat_4, #cat_6"> Catégorie 4 & 6 </ td>
<td class="tcat tab" title="Category 9" style="cursor: pointer;" rel="cat_9, #cat_11"> Catégorie 9 </ td>
</ Tr>
</ Table>Pour cela:
Code :
<table border="0" width="100%" cellspacing="0" class="tborder" cellpadding="4" style="margin-bottom: 3px;">
<tr align="center">
<td class="tcat tab" title="Category 1" style="cursor: pointer;" rel="cat_1"> Catégorie 1 </ td>
class="tcat <td à title="Category tab" 4 & 6" style="cursor: pointer;" rel="cat_4, #cat_6"> Catégorie 4 & 6 </ td>
<td class="tcat tab" title="Category 9" style="cursor: pointer;" rel="cat_9, #cat_11"> Catégorie 9 </ td>
</ Tr>
</ Table>C'est tout.
Espérons que cette modification sera utile pour vous.
Tutoriels traduit par YouGa- pour Mybb.fr, aucune reproductions sans mon autorisations.
RE: Modèle d'artisanat catégories. - haytoch - 21-12-2010
Merci
RE: Modèle d'artisanat catégories. - spyto - 22-12-2010
@YouGa- :
Certes c'est bien et tu fais preuve de bonne volonté.
Mais trois choses me "chiffonnent" un peu dans ton post :
1. Tu ne cites pas tes sources.
2. La traduction est direct sortie de la moulinette "Google Translator" sans aucune adaptation ou correction.
3. Tu revendiques "aucune reproductions sans mon autorisations"... euh... tu as demandé son autorisation à Joey_Pham de mybb.com pour "piquer" son post ? Je trouve ça un peu "gonflé", toi qui n'as même pas cité le lien de ta "source d'inspiration" !
Car, en fait c'est une traduction de ce post :
http://community.mybb.com/thread-62039.html
C'est dommage, ça part d'un bon sentiment sans doute, mais ce ce serait préférable de traduire, même approximativement, et pas dans ce "charabia" incompréhensible.
Déjà le titre, je ne comprends rien : c'est quoi "modèle d'artisanat catégories" ?
Sans doute "This is a handicraft template modification" que Google traduit par "Il s'agit d'une modification du modèle d'artisanat".
Je pense qu'ici "handicraft" est plus proche du sens "habilité manuelle" que "artisanat" !!!
C'est bien de traduire, et s'il est utile d'utiliser les services de traduction en ligne, il me semble qu'il faut faire un minimum d'efforts pour rendre le texte compréhensible.
Exdiogene, qui est parfaitement bilingue, jugera si mon intervention es judicieuse ou pas...
S'il pense que j'ai tort, je supprimerai ce message.
J'espère qu'il postera à la suite pour juger de mon intervention et dire si mes critiques sont justes ou pas !
Edit :
Et comme Google translator ne connaît pas le CSS, il t'a traduit en fin de post (par deux fois !) :
Code :
.at {
background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
color: #ffffff;
}
#cat_4{
display: none;
}...Code :
. {Au
background: # 026CB1 url (images / thead_bg.gif) en haut à gauche repeat-x;
color: # ffffff;
}
# {Cat_1
display: none;
}....Et là, ça devient grave car c'est archi-faux, ça donne un CSS sans queue ni tête !!!
Il ne fallait évidemment rien traduire dans cette partie !!!
RE: Modèle d'artisanat catégories. - lechtidu56 - 27-12-2010
Peux-ton avoir le poste d'origine ? Pour pouvoir faire une meilleur traduction x)
Après l'avoir ajouté sur mon forum, je vois que l'esthétique n'est pas ... Enfin, vous voyez ce que je veux dire :p
Donc, quelqu'un à t'il le code CSS pour que cela devienne plus "esthétique" x)
Merci d'avance !
RE: Modèle d'artisanat catégories. - Jerome13 - 21-02-2011
Veuillez m'excusé de faire remonté ce vieux topic, mais j'ai suivit l'original et quand je vais sur l'accueil, il affiche presque toute les catégories, je voudrais savoir comment on fait pour afficher simplement les catégories d'un onglet par défaut.
RE: Modèle d'artisanat catégories. - haytoch - 21-02-2011
essayer ce plugin de Mybb 1.6 c mieux : http://community.mybb.com/thread-88505.html
Démo : http://mybbplug.in/tests/index.php
RE: Modèle d'artisanat catégories. - Jerome13 - 24-02-2011
Merci il est excellent
RE: Modèle d'artisanat catégories. - valix - 27-04-2011
il y as pas de piece joint...
