Simon
04/02/2009, 17h53
Ce hack permet de créer une page d'accueil avec les différentes catégories séparées dans des onglets (comme le propose le nouveau système de profil dans vBulletin 3.7) et ne nécessite pas le rechargement complet de la page à chaque changement d'onglet.
Certains thèmes nécessitent d'adapter le code à saisir dans les templates. Un navigateur récent avec JavaScript activé est nécessaire.
Des démonstrations sont disponibles sur NamePro (http://www.namepros.com/) et BBWForums (http://www.bbwforums.net/forum/).
Remerciements
Ce Hack a été traduit en français pour vBulletin-Ressources avec l'autorisation explicite de son auteur. / This Hack was translated into French for vBulletin-Ressources with the explicit authorization of its author.
vBulletin-Ressources et son équipe offrira du support vis-à-vis des hacks traduits, bien sûr, dans la mesure du possible de chacun, autant en terme de temps que de connaissances/ vBulletin-Ressources and its team will offer support for the translated hacks, of course, as far as possible for everyone, as much in term of time that knowledge.
vBulletin-Ressources remercie l'auteur du hack pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the hack to have provided its authorization.
Conception
Auteur du Hack / Author Of Hack : bobster65 (http://www.vbulletin.org/forum/member.php?u=134768)
Source / Link of Thread : Cyb - [AJAX] Tabbed Forum Home (http://www.vbulletin.org/forum/showthread.php?t=175687)
Version du hack : 1.50
Version vBulletin Requise / Version vBulletin Required : vB 3.6/3.7
Testé / Tested : oui (vBulletin 3.7.5)
Traducteur / Translator : sd2310
Copyright © 2006-2009 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions/ Copyright © 2009 vBulletin-Ressources.com - All Rights Reserved Only For Ours Translations
Mise à jour
Si une version précédente de Tabbed Forum Home a été/est installé(e), veuillez suivre les instructions suivantes pour retirer votre ancienne version avant d’installer la nouvelle :
Étape 1 : Retirer les modifications effectuées dans le fichier index.php
-> Tab Forum Home a été la seule modification du fichier: Il vous suffit de remplacer le par celui d’origine (contenu dans l’archive de vBulletin).
-> D'autres modifications ont été effectués: éditer le fichier en veillant à supprimer tous les $forumbits personnalisés.
Étape 2: Retirer les modificatiosn effectuées dans le template FORUMHOME
-> Si seul le thème par default a été modifié et que FORUMHOME n'a pas été personnalisé par vous-même ou un autre hack: réinitialiser le template via l'interface d'administration
-> Sinon, supprimer manuellement un à un tous les ajouts (consulter la notice de l'ancienne version installés pour en prendre connaissance)
!! Ne réinitialisez surtout pas votre thème personnalisé, car cela risquerait de le corrompre.
Étape 3 : Retirer les fichiers
Supprimer le répertoire Tabs crée lors de l’installation de l’ancien thème. Ces fichiers ne sont plus nécessaires.
C’est tout, vous pouvez maintenant passer à l'installation proprement dit.
Installation
Nous allons maintenant procéder aux différentes modifications nécessaires à l’installation de ce hack. N’oubliez pas d’effectuer préalablement une sauvegarde complète de votre forum.
Récapitulatif
Les fichiers suivants seront transférés : ajaxtab.css, ajaxtab.js, loading.gif et tabforumhome.php
Les templates suivants seront édités: FORUMHOME, forumhome_forumbit_level1_post et forumhome_forumbit_level1_nopost.
Le template suivant sera crée : FORUMHOMETAB.
Je vous conseille de lire l'intégralité du guide avant de procéder à l'installation.
Étape 1: Transfert des fichiers
1. Créer le répertoire tabs dans le dossier clientscript et transférer les fichiers ajaxtab.css, ajaxtab.js et loading.gif.
2. Transférer le fichier tabforumhome.php à la racine du forum.
Etape 2: Edition des templates
Dans le template FORUMHOME, rechercher </head> et copier avant:
<!-- Tabbed Forum Home Header Code -->
<link rel="stylesheet" type="text/css" href="/clientscript/tabs/ajaxtabs.css" />
<script type="text/javascript" src="/clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->Rechercher <!-- main --> , sauvegarde l'ensemble du code contenu entre <!-- main --> et <!-- /main -->, ils seront utilisés après.
Remplacer le code sélectionné par:
<!-- main -->
<!-- Tabbed Forum Home -->
<div id="ajaxTFH" class="TFHmenu2">
<ul>
<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2" rel="ajaxTFHcontentarea">TAB 2 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2&tabcat[]=3" rel="ajaxTFHcontentarea">TAB 3 NAME</a></li>
</ul>
</div>
<br style="clear: left" />
<div class="TFHmenu2line"></div>
<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>
<script type="text/javascript">
var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>
<!-- /Tabbed Forum Home -->
<!-- /main -->
Étape 3: Création d'un nouveau template: FORUMHOMETAB
Insérer le code préalablement sauvegardé à l'étape précédente.
Note: Si vous utilisez le thème par défaut, vous pouvez sauter cette étape: copier directement le contenu du fichier FORUMHOMETAB.txt contenu dans l'archive.
Étape 4: Editer un template: forumhome_forumbit_level1_post
Au tout début du template, rajouter:
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">Et à la toute fin:
</if>Étape 5: Editer un template: forumhome_forumbit_level1_nopost
Ajouter au tout début du template:
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">et à la toute fin:
</if>Étape 6 (et dernière): Éditer un template: FORUMHOME
Nous allons maintenant définir les différentes catégories à afficher dans les onglets.
Rechercher <!-- Tabbed Forum Home -->
Juste en dessous se trouve un DIV avec trois <li>. Ce sont trois exemples:
<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2" rel="ajaxTFHcontentarea">TAB 2 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2&tabcat[]=3" rel="ajaxTFHcontentarea">TAB 3 NAME</a></li>Maintenant, définissez les catégories à afficher en dessous de chaque onglet:
Vous avez remarquée que chaque <li> contenait une URL sous la forme tabforumhome.php?tabcat[]=1&tabcat[]=2. Pour définir une catégorie, assignez simplement l'ID de la catégorie à la variable tabcat[], comme ça: tabcat[]=1
Pour avoir plus d'une catégorie par onglet, concaténez les variables tabcat[]: tabforumhome.php?tabcat[]=1&tabcat[]=2&tabcat[]=3
Et voilà ! Vous pouvez désormais admirer le résultat.
A Noter
Ce hack utilise le système de permissions de vBulletin pour afficher ou non les différentes catégories, il est inutile de définir soi-même les conditions.
Fichier à télécharger
Certains thèmes nécessitent d'adapter le code à saisir dans les templates. Un navigateur récent avec JavaScript activé est nécessaire.
Des démonstrations sont disponibles sur NamePro (http://www.namepros.com/) et BBWForums (http://www.bbwforums.net/forum/).
Remerciements
Ce Hack a été traduit en français pour vBulletin-Ressources avec l'autorisation explicite de son auteur. / This Hack was translated into French for vBulletin-Ressources with the explicit authorization of its author.
vBulletin-Ressources et son équipe offrira du support vis-à-vis des hacks traduits, bien sûr, dans la mesure du possible de chacun, autant en terme de temps que de connaissances/ vBulletin-Ressources and its team will offer support for the translated hacks, of course, as far as possible for everyone, as much in term of time that knowledge.
vBulletin-Ressources remercie l'auteur du hack pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the hack to have provided its authorization.
Conception
Auteur du Hack / Author Of Hack : bobster65 (http://www.vbulletin.org/forum/member.php?u=134768)
Source / Link of Thread : Cyb - [AJAX] Tabbed Forum Home (http://www.vbulletin.org/forum/showthread.php?t=175687)
Version du hack : 1.50
Version vBulletin Requise / Version vBulletin Required : vB 3.6/3.7
Testé / Tested : oui (vBulletin 3.7.5)
Traducteur / Translator : sd2310
Copyright © 2006-2009 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions/ Copyright © 2009 vBulletin-Ressources.com - All Rights Reserved Only For Ours Translations
Mise à jour
Si une version précédente de Tabbed Forum Home a été/est installé(e), veuillez suivre les instructions suivantes pour retirer votre ancienne version avant d’installer la nouvelle :
Étape 1 : Retirer les modifications effectuées dans le fichier index.php
-> Tab Forum Home a été la seule modification du fichier: Il vous suffit de remplacer le par celui d’origine (contenu dans l’archive de vBulletin).
-> D'autres modifications ont été effectués: éditer le fichier en veillant à supprimer tous les $forumbits personnalisés.
Étape 2: Retirer les modificatiosn effectuées dans le template FORUMHOME
-> Si seul le thème par default a été modifié et que FORUMHOME n'a pas été personnalisé par vous-même ou un autre hack: réinitialiser le template via l'interface d'administration
-> Sinon, supprimer manuellement un à un tous les ajouts (consulter la notice de l'ancienne version installés pour en prendre connaissance)
!! Ne réinitialisez surtout pas votre thème personnalisé, car cela risquerait de le corrompre.
Étape 3 : Retirer les fichiers
Supprimer le répertoire Tabs crée lors de l’installation de l’ancien thème. Ces fichiers ne sont plus nécessaires.
C’est tout, vous pouvez maintenant passer à l'installation proprement dit.
Installation
Nous allons maintenant procéder aux différentes modifications nécessaires à l’installation de ce hack. N’oubliez pas d’effectuer préalablement une sauvegarde complète de votre forum.
Récapitulatif
Les fichiers suivants seront transférés : ajaxtab.css, ajaxtab.js, loading.gif et tabforumhome.php
Les templates suivants seront édités: FORUMHOME, forumhome_forumbit_level1_post et forumhome_forumbit_level1_nopost.
Le template suivant sera crée : FORUMHOMETAB.
Je vous conseille de lire l'intégralité du guide avant de procéder à l'installation.
Étape 1: Transfert des fichiers
1. Créer le répertoire tabs dans le dossier clientscript et transférer les fichiers ajaxtab.css, ajaxtab.js et loading.gif.
2. Transférer le fichier tabforumhome.php à la racine du forum.
Etape 2: Edition des templates
Dans le template FORUMHOME, rechercher </head> et copier avant:
<!-- Tabbed Forum Home Header Code -->
<link rel="stylesheet" type="text/css" href="/clientscript/tabs/ajaxtabs.css" />
<script type="text/javascript" src="/clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->Rechercher <!-- main --> , sauvegarde l'ensemble du code contenu entre <!-- main --> et <!-- /main -->, ils seront utilisés après.
Remplacer le code sélectionné par:
<!-- main -->
<!-- Tabbed Forum Home -->
<div id="ajaxTFH" class="TFHmenu2">
<ul>
<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2" rel="ajaxTFHcontentarea">TAB 2 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2&tabcat[]=3" rel="ajaxTFHcontentarea">TAB 3 NAME</a></li>
</ul>
</div>
<br style="clear: left" />
<div class="TFHmenu2line"></div>
<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>
<script type="text/javascript">
var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>
<!-- /Tabbed Forum Home -->
<!-- /main -->
Étape 3: Création d'un nouveau template: FORUMHOMETAB
Insérer le code préalablement sauvegardé à l'étape précédente.
Note: Si vous utilisez le thème par défaut, vous pouvez sauter cette étape: copier directement le contenu du fichier FORUMHOMETAB.txt contenu dans l'archive.
Étape 4: Editer un template: forumhome_forumbit_level1_post
Au tout début du template, rajouter:
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">Et à la toute fin:
</if>Étape 5: Editer un template: forumhome_forumbit_level1_nopost
Ajouter au tout début du template:
<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">et à la toute fin:
</if>Étape 6 (et dernière): Éditer un template: FORUMHOME
Nous allons maintenant définir les différentes catégories à afficher dans les onglets.
Rechercher <!-- Tabbed Forum Home -->
Juste en dessous se trouve un DIV avec trois <li>. Ce sont trois exemples:
<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2" rel="ajaxTFHcontentarea">TAB 2 NAME</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2&tabcat[]=3" rel="ajaxTFHcontentarea">TAB 3 NAME</a></li>Maintenant, définissez les catégories à afficher en dessous de chaque onglet:
Vous avez remarquée que chaque <li> contenait une URL sous la forme tabforumhome.php?tabcat[]=1&tabcat[]=2. Pour définir une catégorie, assignez simplement l'ID de la catégorie à la variable tabcat[], comme ça: tabcat[]=1
Pour avoir plus d'une catégorie par onglet, concaténez les variables tabcat[]: tabforumhome.php?tabcat[]=1&tabcat[]=2&tabcat[]=3
Et voilà ! Vous pouvez désormais admirer le résultat.
A Noter
Ce hack utilise le système de permissions de vBulletin pour afficher ou non les différentes catégories, il est inutile de définir soi-même les conditions.
Fichier à télécharger