Tutoriel Site et forum pour votre serveur

[Clément]

Bonsoir chers membres de la communauté Minecraft.fr,

aujourd'hui je me lance dans une création de topic pour vous montrer comment modifier, peaufiner votre site et votre forum sur les plateformes suivantes;

• CraftaShop

• XenForo

Pour ce premier tutoriel, nous allons nous intéressés à la partie forum, en l'installant sur un FTP.

Prés-requis :

Pour installer XenForo, il vous faudra la licence disponible ici
Ou en faisant une bref recherche sur Google pour une version non conforme. ( Je n'incite en rien l'utilisation d'une version NULLED de ce programme. Et je ne suis également pas responsable des poursuites judiciaires qui peuvent être engagées contre vous lors de l'utilisation de ce programme)

Cependant, il n'est pas conseillé d'utilisé une version non officiel de ce programme pour causes de bugs fixés dans les autres versions de ce programme.

Il vous faudra également un accès pour une connexion à sont FTP. Par défaut, la plupart des gens utilise FileZilla disponible ici

Et évidement un hébergeur WEB. Je vous en propose un, qui suffit amplement à l'installation de XenForo et du site en même temps. Il est également disponible ici
Il faut également depuis 5 mois maintenant payer le prix d'un starpass pour l'ouverture d'un site avec bdd.

Une fois que vous possédez cela, je vous invite à continuer le tutoriel.

1. L'installation :

Procédons maintenant à l'installation

Pour commencé, ouvrez FileZilla et connectez vous avez les identifiants inscrit sur le site pour mon cas, et dans le cadre de ce tuto, j'utiliserai l'hébergeur gratuit cité ci-dessus.

Rendez vous dans Mon compte > Mes sites internet > Connexion FTP

Une fois connecté, glissez tout les fichiers à la racine. Quand le transfert est terminer, je vous invite à vous rendre sur votre hébergeur et de créer une base de données.

Une fois tout cela effectué, cliquez sur le bouton 'Accéder au site' pour arriver directement sur la page install
Cliquez sur begin installation et remplissez ensuite les cases vides

Une fois les configurations terminées, continuez l'installation.

Maintenant arrive la création du compte Administrateur, une fois créer, quelques options de modifications s'offre à vous

Une fois les modifications effectuées, vous pouvez entrer dans le panel admin, plus communément appelé 'Admin CP'

Voilà, une fois arriver là, je vous invite à découvrir le programme, et de vous familiarisez avec.

J'espère que ce tutoriel pourras vous aidez, pour ma part je prends un tantinet plaisir à vous partagez ces tutoriels écrits

Le prochain tutoriel vous apprendra à ajouter un thème à votre forum. Après les installations simples, je vous apprendrez à faire des groupes, gérer leurs permissions, couleurs, et autres...


A savoir, ni livehost, xenforo et craftashop ne me paie ou ne m'offre des avantages pour faire ce genre de topics.

Merci d'avoir pris le temps de lire ce tutoriel, s'il a pu vous aidez, ou que vous l'avez apprécié, faites le savoir

Cordialement,
NEink

 

[Paradox]

Très bon début ! N'hésite pas à ajouter des précisions au fur et à mesure de ton avancée que je suivrai avec intérêt .

 

[Clément]

Merci pour ton commentaire, pour l'instant ce n'est que les bases des bases, après quelques tutoriels, je toucherai plus à la partie pratique des balises pour modifier le forum à sa guise

Le prochain tutoriel devrait sortir mercredi ou jeudi soir sur l'installation de cshop, plus relié le site au serveur.

Une table des matières sera également ajouter dans le premier message du topic avec les liens pour trouvé rapidement ce que l'on cherche

 

[Clément]

Bonsoir bonsoir,

Aujourd'hui, je viens vous expliquez comment ajouter un thème sur votre forum XenForo !

Alors c'est assez simple, pour ne pas dire un jeu d'enfant.

Commençons sans perdre de temps.

Prés-requis :

- Un moyen d'accéder à votre FTP (FileZilla)
- Un thème XenForo (Pour ma part, j'ai choisi le thème UI.X)
- Un hébergeur web (Pour ces tutoriels je n'utiliserai uniquement LiveHost)

Le tutoriel :

Comme à votre habitude, lancer votre FTP et connectez vous à votre session.

Une fois dans votre FTP et le dossier du thème ouvert, rendez vous dans le dossier 'upload' transférer les fichiers du thèmes dans chaque dossier leur correspondant.

Si le dossier 'styles' n'entre pas dans le 'styles' du FTP, entrez dans le 'styles' de votre dossier, et transférez y directement le dossier 'uix'


Une fois la manipulation effectuée, rendez vous sur votre AdminCP pour importer le style en .xml

Une fois cela fais, vous pourrez apercevoir que le thème est un peu bug et pas très beau à voir.

Pas d'inquiétude, c'est normal. Le thème UI.X demande l'ajout d'un 'addon' pour le bon fonctionnement du thème.

Mais au juste, c'est quoi un 'addon' ?
Un 'addon' c'est un "ajout de fonction" ça peut être un patch, une fonction supplémentaire quelconque, etc...

Lors de l'achat du thème et de son téléchargement, vous devriez avoir un dossier avec dedans un dossier appeler 'upload' et un un addon en .xml

Ouvrez le dossier 'upload' et répétez le transfert de fichiers

Mettez l'addon sur votre bureau pour ensuite l'importer dans votre AdminCP

Une fois l'addon ajouter, votre thème sera plus ou moins correct, pourquoi plus ou moins ? Car il vous sera libre de modifier votre forum comme vous l'entendrez (tutoriel prochainement).

Je vous propose un screenshot de mon forum après peaufinage

A la fin des tutoriels que je présenterai, vous serez capable de reproduire un forum comme celui ci, avec background perso, logo, shoutbox, modification des fa-fa etc

Pour comprendre toutes les fonctionnalités de votre AdminCP, il serait utile de le mettre en français non ? Pour ça rien de plus simple !

Et importez la langue de votre choix. Toujours en xml.

Voilà petit tuto terminé, le prochain portera sur l'installation de CraftaShop, ajout d'un thème et présentation.

J'espère que les tutoriels continue à vous aidez, laissez des appréciations et remarques

Bonne soirée

Cordialement,
NEink

 

[Clément]

​

Bonjour Minecraft.fr, on est lundi, et pour bien commencer la semaine, je vous propose un tutoriel pour installer le CMS (Content Management System) CraftaShop


Prés-requis :

- Un moyen d'accéder à votre FTP (FileZilla)
- Le CMS CraftaShop
- Un hébergeur web (Pour ces tutoriels je n'utiliserai uniquement LiveHost)

Le tutoriel :

Comme on ne change pas une équipe qui gagne, commencez par lancer votre accès FTP.

Une fois dans votre FTP, glissez y les dossier du CMS à la racine.

Une fois le transfert terminé, rendez vous sur l'url de votre site, en y ajoutant /install

Cliquez ensuite sur 'commencez l'installation'

Arriver à l'étape 3, la véritable installation commence

Une fois cette étape terminée, passons à l'étape 4 pour installer les tables

Une fois les tables correctement installer, un message vert apparaîtra pour vous confirmez que les tables sont correctement installer

A ce moment là, vous pouvez passer à la dernière étape, l'étape du compte Administrateur

Une fois les informations compléter selon vos informations, une dernière chose vous seras demandez. Supprimer manuellement les fichiers
(ou dossiers) suivants (dans votre FTP) :

• controller/InstallController.php
• view/install
• view/layout/install.php

Une fois les fichiers ou dossiers supprimer, vous aurez accès à votre site et à votre panel admin.

A noter que le thème par défaut sera le thème tenebros

Parlons maintenant du panel admin

Comme vous pouvez le voir ci-dessus, le panel admin est divisé en plusieurs parties

• CRAFTASHOP (Vous y trouverez 3 parties, une pour les thèmes, une autre pour les plugins et une troisième pour la fonction debug)
• MEMBRES (Vous y trouverez la listes des membres, vous pourrez donc les créditer sur la boutique, changer leurs mots de passe, les bannir et j'en passe)
  
• SERVEUR (Vous pourrez y ajouter plusieurs serveurs donc plusieurs boutique (uniquement pour les serveurs bungeecord) et donc voir les connectés)
• NOUVELLES (Si vous avez des informations à faire passer, MAJ, ajout sur votre serveur, c'est la page ou vous pourrez posté le message de votre choix et où les membres pourrons émettre leurs avis)
• BOUTIQUE (Vous pourrez y ajouter des catégories, gérer les articles, faire des promotions etc...)
• VOTE (Promouvoir votre serveur est important, alors vous pourrez soit ajouter diverses site de vote, offrir des récompenses aux joueurs qui votent et reboot les vote quand cela vous chante)
  
• PAGES (Ajouter ou retirer une page à votre site)
  
• HISTORIQUES (Vous pourrez voir les achats effectués, voir les pourcentages des objets acheter et même voir les transfert de crédits)
• POINTS (Créditer ou débiter des points boutique d'un compte)
• IMAGES (Gérer ou importer des images sur votre site)
  
• ADMINS (Vous pourrez modifier les permissions d'un compte, ou ajouter un admin)
  
• STAFF (Gérer la page 'staff' sur votre site)
  
• CONFIGURATION (Ajouter un moyen de payement (paypal, starpass,...) gérer le carousel (images défilante sur votre site dans l'accueil) modifier les descriptions qui sont ajoutés directement à votre site par défaut) gérer l'ordre du menu (accueil, boutique, forum ou accueil, forum, boutique,...) temps d'inactivité (vous décidez de faire une MAJ, vous pouvez donc mettre votre site temporairement en attente pour les membres)

Voila tutoriel terminé, j'espère avoir été le plus complet possible.

Comme d'habitude, laisser vos appréciations et remarques

Le prochain tutoriel portera sur l'interface de l'AdminCP de XenForo

Cordialement,
Lothering

 

[Clément]

Bonsoir Minecraft.fr, depuis lundi, j'ai vu que mon topic n'a pas vraiment bouger, alors je me pose des questions, est ce que cela vous plait ? Cela ne vous plait pas ? Aucune idée, aucun retour de votre part alors je ne sais pas si cela vous est vraiment utile au fond.. Enfin bref, la baisse de motivation commence mais bon je vais tout de même continuer ces petits tutoriels.

Donc comme vous l'avez vu à l'image, ce soir le tutoriel portera sur XenForo, mais plus précisément sur les utilisateurs, mais également aux titres d'utilisateurs, et aux groupes. Commençons.

Prés-requis :


Pour ce type de tutoriel, aucun prés-requis ne vous seront nécessaire. Sauf si les tutoriels ci-dessus n'ont pas été pris en compte.

Le tutoriel :

Commençons par les 'Titres d'utilisateurs'

Alors les titres d'utilisateurs, c'est quoi ? Un titre d'utilisateur sert à donner un titre automatiquement à un membre selon soit

- Le nombre de points
- Le nombre de messages
- Ou le nombre de j'aime

Rendez vous ici

Le menu sera présenté comme ceci

A savoir, la 'valeur minimale' est égale aux nombres de points, messages ou de j'aime que le membre doit acquérir pour pouvoir obtenir le titre.

Une fois que vous avez rempli les cases comme bon vous semble, cliquez sur 'Mettre à jour les titres des utilisateurs'.



Passons maintenant aux 'Groupes d'utilisateurs'

Rendez vous ici

Le menu sera présenté comme ceci

Pour ma part, j'ai au préalable configuré mes groupes d'utilisateurs.

Entrons dans le vif du sujet.

Une fois dans votre groupe d'utilisateur fraichement créer par le biais du bouton 'créer un nouveau groupe d'utilisateurs', rendez vous sur votre groupe pour l'éditer.
Pour le tutoriel, je prendrai le groupe d'utilisateur 'Administrateur'

Une fois dans votre groupe, rien de plus simple.

Légende :

- 1 Titre (Le titre sera le nom du groupe écris sous le pseudo lors d'un topic

- 2 Outrepasser le titre (Si vous souhaitez mettre le nom du groupe sous le pseudo cocher le deuxième rond et notez y le groupe)

- 3 Nom d'utilisateur CSS ( Alors c'est ici que plusieurs choix s'offre à vous.
- Mettre le pseudo en couleur

- Mettre le pseudo en couleur et en gras

- Mettre le pseudo en couleur et en néon

- Mettre le pseudo en couleur avec des particules

- Mettre le pseudo en couleur avec des particules et en gras

Bref vous l'aurez compris il y a plusieurs possibilité qui s'offre à vous
Je vous l'accorde, quand le pseudo passe de couleur à couleur gras, la différence ne se voit presque pas, car le code couleur en soit est déjà plus épais que la normal.


- 4 La bannière (Bannière de couleur avec un nom de groupe)

- 5 Les permissions (Liste des permissions à autorisé ou à ne jamais autorisé.

/!\ NE PAS COCHER LE ROND 'Exiger deux étapes de vérification' POUR EVITER TOUT PROBLEME /!\


Passons aux customisations du 'nom d'utilisateur CSS'

Mettre le pseudo en couleur : color: (nom d'une couleur) ou (HTML color( #780707)) ;' ex: color: red;

Mettre le pseudo en couleur et en gras : color: (nom d'une couleur) ou (HTML color( #780707))
font-weight: bold;

Mettre le pseudo en couleur et en néon : text-shadow: 1px 1px 0px #FF00FF, 1px 1px 0px #FF00FF, 1px 1px 6px #FF00FF, 1px 1px 9px #FF00FF; (éventuel modification de l'HTML color)

Mettre le pseudo en couleur avec des particules : color: red;
Background-image: url(http://votre url/Orange.gif);
Background-image: url(http://votre url/Green.gif);
A noter, pour mettre des particules télécharger le dossier dans le lien ci dessous et mettez les couleurs .gif à la racine de votre FTP. Une fois ceci fais, vérifier que les particules sont bien installer en vous rendant sur l'url de votre forum suivi de /LaCouleur.gif pour pouvoir trouver l'accès.

Mettre le pseudo en couleur avec des particules et en gras : color: red;
font-weight: bold;
Background-image: url(http://votre url/Orange.gif);

Lien pour les particules : http://www.mediafire.com/download/mc5epq58ocwuluz/particules.rar


Voilà voilà tutoriel terminé, j'espère avoir été le plus complet possible.

Comme d'habitude, laisser vos appréciations et remarques

Le prochain tutoriel portera sur l'interface de l'AdminCP de XenForo

Cordialement,
Lothering

 

[bidule995]

Super tutoriel, continue! ça m'aide pour mon Forum : http://forumheroesascension.livehost.fr
Je voulais changer de style, et mettre le UI.X (installé, mais pas fini, donc pas par default)
Ce que je cherche c'est comment changer le background ^^

 

[Clément]

Coucou, ça fais plaisir d'avoir un message comme ça, merci

Ce que je cherche c'est comment changer le background ^^

Très simple. Tu nome ton image (qui est en png de préférence) bg.png
Tu vas dans ton dossier 'styles' et tu le glisses dedans.
Ensuite va dans les propriétés de style de ton thème, section général, puis va dans l'onglet corps, et rentre le chemin de ton background ici :

 

[bidule995]

Coucou, ça fais plaisir d'avoir un message comme ça, merci



Très simple. Tu nome ton image (qui est en png de préférence) bg.png
Tu vas dans ton dossier 'styles' et tu le glisses dedans.
Ensuite va dans les propriétés de style de ton thème, section général, puis va dans l'onglet corps, et rentre le chemin de ton background ici :

Merci beaucoup! ça marche!

Et saurais-tu comment faire en sorte que le background reste fixe, et qu'il ne bouge pas quand on décent en bas de la page?
(comme sur ce forum ^^)

Et surtout continue tes tutoriels

EDIT : Autre chose que je cherche, c'est comment modifier les avatars par default ^^
RE-EDIT : Nan en fait c'est bon j'ai trouvé ^^ (pas pour le background fixe, pour les avatars)

 

[Clément]

Salut,

Pour un background fixe, il te suffit de te rendre dans la template du thème dans le CSS et tu ajoute

body {
background-image: url("url_of_image.gif") ;
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat
}