Allan
10/11/2006, 23h14
Créer un hack en 3 min Chrono !
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Bonjour à tous, voici un petit tuto pour créer un hack en 3 min chrono :angel:
PS: Dans cette exemple, une annonce
Video: Une video du hack mais en anglais >> Video (http://www.vbulletin-ressources.com/forum/showthread.php?t=1956) <<
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Première étape, on active le Mode Débug (http://www.vbulletin-ressources.com/forum/showthread.php?t=6) (cela permet d'accèder a des fonctionnalités supérieur dans votre AdminCP)
Modules & Produits, Gestionnaire de produit, ajouter un nouveau produit, remplissez les champs comme indiquer dans l'image, les explications vont suivre:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163193962.gif
- Identifiant produit => En gros, le nom de votre hack
- Intitulé => Nom plus complet de votre hack
- Version => 1.0 par défaut
- Description => Description des fonctions de votre hack
Et on clique sur "enregistrer"
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194164.gif
Options vBulletin, Ajouter un nouveau groupe de paramètres
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194287.gif
On ajoute un nouveau groupe de paramètre:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194341.gif
- Nom de la variable => Il s'agit du nom de la variable qui sera appeler dans le templates pour afficher ou pas le hack
- Intitulé => Titre du paramètre
- Produit => Il est impératif que vous sélectionner le produit que vous venez de créer !
- Ordre d'affichage => laisser tel quel
- Par défaut selon vBulletin => Laisser tem quel
Et on clique sur "enregistrer"
Résultat
(on vient de créer l'entête principal de votre hack, on va maintenant ajouter des paramètres de fonctionnalités)
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194632.gif
Cliquer sur Ajouter un paramètre, un nouveau menu apparait, remplissez les case comme indiquer dans le screen, les infos vont suivre ^^
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194757.gif
- Nom de la variable => Nom de la variable qui servira à activer/désactiver le hack
- Groupe de paramètres => Choississez celui que nous venons de créer précédement
- Produit => choississez votre hack bien sur
- Description => Description de la fonctionnalité de ce paramètre
- Code Option => Les choix possible de sélection
- Par défaut => laisser vide
- Type de validation de données => Choississez Booléen, il s'agit des case ronde a cocher
- Code PHP de validation => laisser vide
- Ordre d'affichage => mettre 1 (logique ^^)
- Liste noire => Non
- Par défaut selon vBulletin => Oui
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195075.gif
On reclique sur Ajouter un paramètre, remplissez comme indiquer:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195183.gif
- Je vous laisse voir les changements dans le screen, ce paramètre sea le contenu de votre hack, celui qui apparaitra sur votre forum (un screen vous montrera cela)
- Code Option => texterea (ceci vous permettra de mettre du texte avec le html activer)
- Type de validation de données => Libre
- Ordre d'affichage => 2
Et on clique sur "enregistrer".
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195396.gif
Regarder bien les deux images qui vont suivre, en laissant le curseur sur les diffrent éléments du hack, on peut s'apercevoir des fonctions que vous venez de créer et comment vBulletin les interprêtent:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195566.gif
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195585.gif
Styles & Templates, Gestionnaire de styles.
On se rend dans le template "forumhome", sous "navbar", on ajoute ce code (voir screen):
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195720.gif
- $vboptions[mon_annonce_activer] => variable qui permet d'activer/désactiver le hack
- $vboptions[mon_annonce_contenu] => Contenu de votre annonce que vous remplissez dans votre AdminCP => Options vBulletin => votre hack
Résultat (hack désactiver)
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195955.gif
On ajoute un contenu et on active le hack (options vBulletin => Mon Annonce)
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196069.gif
On revient dans le template "forumhome" et on ajoute un code:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196166.gif
<else />
Mon annonce est désactivée.
Ceci permet d'afficher un texte sur votre forum si le hack est désactiver, comme le code html est activer, on peut y coller une image par exemple ;)
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196298.gif
Voila, c'est très simple mais efficace, bien entendu, vous pouvez personnaliser à souhait la présentation du texte dans le template ;)
Vous pouvez exporter votre produit dans son intégralité, pour ce faire, aller dans Modules & Produits, Gestionnaires de produits, choississez votre produit, faite dérouler le menu à droite du produit et choissisez exporter, cela vous exportera au format produit (.xml) votre hack ;)
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196514.gif
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
En espérent que cela aide et motive certain d'entre vous à réaliser des hacks sympa, une fois que vous avez métriser cela, vous pouvez faire bien plus avec de l'imagination et de l'envie
...zou ;)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Bonjour à tous, voici un petit tuto pour créer un hack en 3 min chrono :angel:
PS: Dans cette exemple, une annonce
Video: Une video du hack mais en anglais >> Video (http://www.vbulletin-ressources.com/forum/showthread.php?t=1956) <<
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Première étape, on active le Mode Débug (http://www.vbulletin-ressources.com/forum/showthread.php?t=6) (cela permet d'accèder a des fonctionnalités supérieur dans votre AdminCP)
Modules & Produits, Gestionnaire de produit, ajouter un nouveau produit, remplissez les champs comme indiquer dans l'image, les explications vont suivre:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163193962.gif
- Identifiant produit => En gros, le nom de votre hack
- Intitulé => Nom plus complet de votre hack
- Version => 1.0 par défaut
- Description => Description des fonctions de votre hack
Et on clique sur "enregistrer"
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194164.gif
Options vBulletin, Ajouter un nouveau groupe de paramètres
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194287.gif
On ajoute un nouveau groupe de paramètre:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194341.gif
- Nom de la variable => Il s'agit du nom de la variable qui sera appeler dans le templates pour afficher ou pas le hack
- Intitulé => Titre du paramètre
- Produit => Il est impératif que vous sélectionner le produit que vous venez de créer !
- Ordre d'affichage => laisser tel quel
- Par défaut selon vBulletin => Laisser tem quel
Et on clique sur "enregistrer"
Résultat
(on vient de créer l'entête principal de votre hack, on va maintenant ajouter des paramètres de fonctionnalités)
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194632.gif
Cliquer sur Ajouter un paramètre, un nouveau menu apparait, remplissez les case comme indiquer dans le screen, les infos vont suivre ^^
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163194757.gif
- Nom de la variable => Nom de la variable qui servira à activer/désactiver le hack
- Groupe de paramètres => Choississez celui que nous venons de créer précédement
- Produit => choississez votre hack bien sur
- Description => Description de la fonctionnalité de ce paramètre
- Code Option => Les choix possible de sélection
- Par défaut => laisser vide
- Type de validation de données => Choississez Booléen, il s'agit des case ronde a cocher
- Code PHP de validation => laisser vide
- Ordre d'affichage => mettre 1 (logique ^^)
- Liste noire => Non
- Par défaut selon vBulletin => Oui
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195075.gif
On reclique sur Ajouter un paramètre, remplissez comme indiquer:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195183.gif
- Je vous laisse voir les changements dans le screen, ce paramètre sea le contenu de votre hack, celui qui apparaitra sur votre forum (un screen vous montrera cela)
- Code Option => texterea (ceci vous permettra de mettre du texte avec le html activer)
- Type de validation de données => Libre
- Ordre d'affichage => 2
Et on clique sur "enregistrer".
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195396.gif
Regarder bien les deux images qui vont suivre, en laissant le curseur sur les diffrent éléments du hack, on peut s'apercevoir des fonctions que vous venez de créer et comment vBulletin les interprêtent:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195566.gif
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195585.gif
Styles & Templates, Gestionnaire de styles.
On se rend dans le template "forumhome", sous "navbar", on ajoute ce code (voir screen):
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195720.gif
- $vboptions[mon_annonce_activer] => variable qui permet d'activer/désactiver le hack
- $vboptions[mon_annonce_contenu] => Contenu de votre annonce que vous remplissez dans votre AdminCP => Options vBulletin => votre hack
Résultat (hack désactiver)
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163195955.gif
On ajoute un contenu et on active le hack (options vBulletin => Mon Annonce)
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196069.gif
On revient dans le template "forumhome" et on ajoute un code:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196166.gif
<else />
Mon annonce est désactivée.
Ceci permet d'afficher un texte sur votre forum si le hack est désactiver, comme le code html est activer, on peut y coller une image par exemple ;)
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196298.gif
Voila, c'est très simple mais efficace, bien entendu, vous pouvez personnaliser à souhait la présentation du texte dans le template ;)
Vous pouvez exporter votre produit dans son intégralité, pour ce faire, aller dans Modules & Produits, Gestionnaires de produits, choississez votre produit, faite dérouler le menu à droite du produit et choissisez exporter, cela vous exportera au format produit (.xml) votre hack ;)
Résultat
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1_1163196514.gif
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
En espérent que cela aide et motive certain d'entre vous à réaliser des hacks sympa, une fois que vous avez métriser cela, vous pouvez faire bien plus avec de l'imagination et de l'envie
...zou ;)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~