Modèle d'artisanat catégories.

[YouGa-]

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>

Étape 2:
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>

Avis:
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']}"

Et les chiffres sont 1,4,6,9,11 l'ID des catégories que vous souhaitez vous rendre onglet.

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)

Avis: Nous permet de masquer tous les onglets (pas vraiment cacher), sauf le premier onglet ou l'onglet que vous voulez être l'onglet principal.
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;
}

P / S: Rappelez-vous, vous ne pouvez choisir 1 des css les onglets principaux "pour le rendre visible.
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.

[haytoch]

Merci

[spyto]

@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;
}...

par :

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 !!!

[lechtidu56]

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 !

[Jerome13]

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.

[haytoch]

essayer ce plugin de Mybb 1.6 c mieux : http://community.mybb.com/thread-88505.html
Démo : http://mybbplug.in/tests/index.php

[Jerome13]

Merci il est excellent

[valix]

il y as pas de piece joint...