PDA

Voir la version complète : Comment installer un hack


Ombre
26/11/2007, 15h55
Installer un Hack
_______




Description:
Tutoriel sur l'installation d'un hack, dans mon exemple j'ai choisi l'installation du hack "[vB 3.6.x] MGC Chatbox (Shoutbox) (http://www.vbulletin-ressources.com/forum/showthread.php?t=4971)" dans ça version 1.2 de (Mtor&Grog Corporation).
Ce tutoriel est réalisé pour les débutants, et donc expliquera du téléchargement du hack jusqu'à la fin de l'installation...Conception et droits:
Ombrehttp://www.vbulletin-ressources.com/forum/images/modo.gif
(http://www.vbulletin-ressources.com/forum/member.php?u=1668) pour vbulletin-ressources ©2007 sous Vbulletin 3.6.7 Traduit en FR.
Toutes reproductions même partiel est strictement interdites sans l'accord de son auteur, les images son la propriété de vbulletin-ressources et d'Ombrehttp://www.vbulletin-ressources.com/forum/images/modo.gif
(http://www.vbulletin-ressources.com/forum/member.php?u=1668)Niveau de difficulté:

Moyen pour les débutants voir facile pour les habitués. Début du Tutoriel:


Commençons par aller Télécharger le hack "[vB 3.6.x] MGC Chatbox (Shoutbox) (http://www.vbulletin-ressources.com/forum/showthread.php?t=4971)" sur vbulletin-ressources , pour ce faire une fois sur le topic, cliquez sur:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182644683.jpg


Vous devriez voir apparaitre le/les liens pour télécharger le hack directement sur votre ordinateur comme çi-dessoushttp://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182645130.jpg


Cliquez sur la dernière version, dans notre cas la derniere version de la chatbox est la 1.2 donc je cliquez sur http://www.vbulletin-ressources.com/forum/images/element/attach/zip.gif
MGC_Chatbox_v1.2.zip (http://www.vbulletin-ressources.com/forum/attachment.php?attachmentid=4453&d=1181541353)
Si le téléchargement du hack c'est bien déroulé, alors vous devriez voir apparaitre à l'emplacement que vous avez choisir le fichier RAR du hack qui contient tout se qu'il faut pour installer la chatbox (version d'évaluation de winrar (http://www.01net.com/outils/telecharger/windows/Utilitaire/compression_et_decompression/fiches/tele2257.html)):http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182645503.jpg


Décompressé l'archive dans un dossier vide, pour ne pas vous trompé sur le contenu de cette archive pour le commencement de votre installation de ce hack.
Le contenu est le suivant:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182645669.jpg


Première chose à faire dans toutes installation de hack ? lire le fichier "lisez moi" ou "readme" qui est souvent présent dans le package pour vous aidez à effectué l'installation correctement sans accrocs, dans notre cas on lis ce fichier >>> L (http://www.vbulletin-ressources.com/...20moi%20%21.html)isez moi <<< (http://www.vbulletin-ressources.com/...20moi%20%21.html)


Commençons le début de l'installation en elle même nous allons commencer à uploader le contenus du dossier "fichiers_a_ajouter" à la racine de votre forum (client FTP gratuit (http://telechargement.journaldunet.com/telechargement/5133/2/filezilla/index.html)), par exemple /forum/ si votre client FTP vous demande d'écraser tel ou tel fichier faites le.
Le dossier image doit être quand à lui être uploader sur le thème ou les theme que vous utilisez et dont vous voulez voir apparaitre la Chatbox exemple: votre_thème/images/.
Une fois cette étape réalisée nous allons importé les produit qui sont là:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182646336.jpg


Commencez dans cet ordre par "product-mgc_bitfield_custom.xml" et après par "product-mgc_chatbox.xml", pour ce faire allez sur votre forum dans vos outils d'administrations (Admincp) et dans le menu vers le bas choisissez Modules & Produits/Gestionnaire de produits
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182646628.jpg



Si jamais c'est la toute première fois que vous installer un produit vous devriez voir apparaitre ce message en haut du "Gestionnaire de produits"http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182646999.jpg


Cliquez pour activer les modules sur "activer le système de modules"http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182647165.jpg



Normalement vous devriez vois apparaitre ceci qui vous confirme la prise en compte de cette modification:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182647201.jpg



Maintenant il vous est possible d'importer les produits:
Cliquez sur "Parcourir" et choisissez dans l'ordre "product-mgc_bitfield_custom.xml" sur votre disque dur.
laissez sur "Non" si c'est une nouvelle installe ou sinon si c'est pour un upgrades dans certains cas cliquez sur "Oui"
Et enfin cliquez sur http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182648118.jpg
et vous devriez voir apparaitre une fenêtre comme ceci:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182647767.jpg


http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182648426.jpg



http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182648507.jpg







Reproduisez la dernière étape pour l'import du produit, mais cette fois un importent le produit "product-mgc_chatbox.xml'
Vous devriez obtenir apres la réalisation de ces deux étapes précédentes dans votre partie "produits installés" ceci:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182648841.jpg


Les produits importés et installés nous allons commencer les modification de template, pour ce faire dirigez vous sur "Styles & Templates/Recherche dans les templates" ce qui va nous permettre de trouver les template dans le ou les thèmes choisi, dans mon exemple je modifie le thème par défaut.http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182649093.jpg


Voici la fenêtre de recherche des template suivant le thème choisi, vous taper dans "Rechercher le texte" le nom du template que vous devez modifier comme sur le fichier "lisez moi!" ce template s'appel "FORUMHOME" (faites un copier coller tout simplement pour éviter les fautes de frappes en utilisant le raccourcis clavier CTRL+C/V) puis cliquez sur http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182649557.jpg
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182649378.jpg



Dans la liste de gauche de mon thème "Templates Default style" dans mon exemple je double clique sur "FORUMHOME" comme expliqué dans le fichier "Lisez moi !.html" pour ouvrir se template spécifique que nous devons modifié pour la mise en place de ce hack.
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182649168.jpg


On va prendre la première partie de modification a effectué dans ce template "FORUMHOME" qui nous est décris dans le fichier "Lisez moi !.html" comme suit:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182674168.jpg



Si vous le remarquez, les informations nécessaires sont très clair, dans le template "FORUMHOME" il faut rechercher le code suivant<div><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
</div>
et placer Après ce code celui-çi:<div class="smallfont">$cb_stats</div>
Mais attention le moteur de recherhce dans les templates n'accepte pas les saut de ligne donc dans votre recherche le bout de code </div> ne sera pas surligné ! à vous de comparer le résultat de votre recherche dans le template au code donné dans le fichier "Lisez moi !.html" et de vous adaptez à cela.
Sur notre prochain screenshot (prise de vue) vous tombez sur une nouvelle fenêtre qui va nous permettre de rechercher un bout de code spécifique pour pouvoir dans certains cas, ou le remplacer, ou ajouter un autre bout de code avant celui rechercher ou apres, dans notre cas présent pour cette première modification qui je vous le rappel peut être un ajout, ou un remplacement.http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182675882.jpg


Placez le code a rechercher sur ce champ precisé sur le screenshot.
cliquez sur http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182649557.jpg
.
votre recherche est surligné si le code est existant! lire l'infos sur le screenshot qui est tres importante!
donc on suit les infos du fichier "Lisez moi !.html" et on place le code juste apres comme sur ce screenshot ci-dessous: (cette modification permet d'ajouter dans ce cas les stats de la chatbox en bas de la page d'accueil du forum (FORUMHOME)http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182676253.jpg


Comme vous pouvez le constater j'ai placé le code que j'ai surligné pour une meilleur visibilité, en dessous du code rechercher comme ce qui est dit dans le fichier "Lisez moi !.html".
Une fois le code placé, vérifiez que vous avez bien suivi les instructions du fichier "Lisez moi !.html" et cliquez sur le bouton http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182676462.jpg
, normalement vous devriez voir apparaitre le template en titre de couleur ORANGE si c'est la première fois que vous le modifié, cette couleur différencie les template d'origine de ceux modifiés.http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182676664.jpg



Voici la premiere modification effectuée avec succés, je vous laisse faire les autres de la meme façon et je tiens à vous rappelez que des fois on place un code AVANT ou APRES ou bien en RAMPLACENT de celui rechercher dans un template! une fois les autres modifications effectuées sur les différents template citées dans le fichier "Lisez moi !.html" on vas effectué la dernière manipulation ensemble car il ne sagit pas d'une modification de template mais un ajout dans le CSS supplémentaire de votre ou vos thèmes utilisé et qui devrons accueillir se hack.http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182681472.jpg



Dans mon cas je continus à effectué cela sur mon seul thème par defaut (mais vous pouvez en avoir plusieurs sur le même forum). Je vais donc sur Styles & Templates/Gestionnaire de styles.http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182649093.jpg


Et je choisi mon thème par défaut dans mon cas, et je clic sur le menu déroulant, pour faire apparaitre la liste d'option propre au theme choisi, je clique sur CSS principal ce qui me dirige directement dans la partie qui permet de modifié le Corps, l'arrière plan de la page, etc.., moi ce qui m'intéresse c'est l'avant dernière fenêtre qui se nome "Définitions des CSS supplémentaires":http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182677451.jpg





Donc une fois sur la fenêtre "Définitions des CSS supplémentaires" qui je vous le rappel encore une fois est l'avant dernière fenêtre je colle mon code suivant:/** DEBUT MGC CHATBOX **/
.mgc_cb_date {
color : #555555;
}

.mgc_cb_me {
color : #FF0000;
}
/** FIN MGC CHATBOX **/
Comme dans le screenshot ci-dessous tout en bas du contenu de cette fenêtre "Définitions des CSS supplémentaires"http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182686773.jpg




Après il ne me reste plus qu'à http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182676462.jpg
l'ajout de ce style CSS et le tour est joué ;)
L'installation du hack est termnié, il ne nous reste plus qu'a configurer les groupes d'utilisateurs qui auront accés selon vos souhaits a la chatbox, et configurer le chatbox par lui meme dans ces options dans "Options Vbulletin"Configuration du hack "[vB 3.6.x] MGC Chatbox (Shoutbox) (http://www.vbulletin-ressources.com/forum/showthread.php?t=4971)":

Commençons par la partie des options de ce hack que vous trouverez dans "Options vBulletin/Options vBulletin":http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182687109.jpg



Puis vers le bas dans la liste choisissez le menu "Configuration de la Chatbox MGC":http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182687203.jpg


Après à vous de configurer les options de la Chatbox MGC de façon a ce qu'elle apparaisse là ou vous le désirez ou je ne sais quoi encore, lisez bien toutes les infos dans les options ça peut être utile comme dans pas mal de hacks :)http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182687602.jpg


Dernière étape pour finir cette configuration dirigez vous dans votre Admincp sur "Groupes d'utilisateurs/Gestionnaire de groupes" pour donner les droits d'accès et/ou de modérations a vos groupes d'utilisateurs:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182687906.jpg

http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182687937.jpg


Voila, dans cette liste de groupe qui peu varié selon vos groupes ajouter par vous meme, choisissez ceux qui doivent avoir accès à la "Chatbox MGC" dans mon cas j'ai choisi le groupe "Administrators" qui auras accès a la modération comme a l'utilisation de ce hack, à vous de savoir qui a le droit de voir ou de faire telle ou telle choses:http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182688170.jpg


Il ne vous reste plus qu'à cliquer sur http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182688278.jpg
et voila le hack "[vB 3.6.x] MGC Chatbox (Shoutbox) (http://www.vbulletin-ressources.com/forum/showthread.php?t=4971)" est installé et configuré ;) Voici le résultat:Avant l'installation:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182688456.jpg


Après l'installation (Les statistiques de la "Chatbox MGC" en bas de votre page d'accueil de votre forum (FORUMHOME)):
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182688586.jpg


La "Chatbox MGC" avec ces options:
http://www.vbulletin-ressources.com/forum/images/tutoriaux/1668_1182688687.jpg



J'espere que ce tutoriel destiné à tous les débutants sur VBulletin aura pu vous aidez, si vous avez des questions n'hésitez pas à les posées dans les commentaires ;)