Bases du HTML et du CSS, utilisation du BBCode, comment créer un forum, explication des templates de ForumActif, ressources pratiques pour les débutants et les moins débutants, vous trouverez ici les connaissances de départ pour vous lancer seul dans la personnalisation de votre forum.
Des tutoriels de graphisme (Photoshop, The Gimp, Photophiltre, etc...), aides, conseils, ressources et autres articles destinés à vous aider à créer un design original pour votre forum.
Dans la mesure où les forums gratuits tels que ForumActif ou Xooit sont particulièrement répandus car faciles d'utilisation même pour des administrateurs débutants, cette catégorie répertoriera des tutoriels et astuces pour leur personnalisation.
Les forums privés nécessitent un hébergement perso, un logiciel FTP, mais aussi une bonne dose de savoir faire pour pouvoir les personnaliser au mieux. Vous trouverez ici quelques tutoriels pour vous permettre d'affronter les affres du PHP et du MySQL, entre autres choses.
Des scripts et manipulations qui marchent aussi bien sur des forums gratuits que sur des forums privés, et généralement sur un site web aussi, à condition de savoir comment les mettre en application.
Articles utiles en priorité pour les jeux par forums, ou forums RPG : conseils de référencement, réalisation de backgrounds, conseils d'écriture, etc...
Vous trouverez ici toutes sortes de conseils, des guides, des ressources, des liens, des astuces diverses... En gros, tout ce que l'on n'a pas pu classer dans les autres catégories ^^
Tutoriel pour les forums de type Forumactif, adaptable le cas échéant. Permet l'affichage aléatoire des partenaires d'un forum, via un petit code javascript. Ceci peut être adapté à du texte ou des images à faire varier aléatoirement.
Requis : forum Phpbb sur hébergement privé | Ce tutoriel explique comment afficher aléatoirement des partenaires sur un forum phpBB3. Attention, nécessite un accès à la base de données du forum.
Requis : forum Phpbb sur hébergement privé | Une modification de phpbb3 permettant l'affichage d'un champ de profil selon la catégorie, le forum ou le sous forum où l'on poste (par exemple dans les zones de flood).
Pour faire face au vagues de robots (bots) qui s'inscrivent en masse et spamment les forums, voici un code pour ajouter des champs a l'inscription pour les bloquer.
Requis : forum phpbb sur hébergement privé | Pour ceux qui hébergent leur propre forum, comment faire pour modifier l'avatar des joueurs suivant la catégorie. Nécessite de pouvoir modifier directement la base de données.
Tutoriel pour les forums Forumactif, adaptable le cas échéant. Explique comment avoir une barre de fond des catégories continue et non pas interrompue entre la partie "forums" et la partie "sujets"/"messages"/"derniers messages" (Tutoriel de Hakuso Nouvan)
Ce tuto vous apprendra à mettre votre barre de navigation au-dessus de votre bannière, et de la personnaliser. (nécessite l'édition des templates et du css)
Comment créer un bouton de style futuriste/technologique avec son relief grâce à Photoshop. On attache sa ceinture, prêt pour le décollage de la fusée...
Une petite astuce toute simple associée à un code pour vous permettre la création de sections cachées accessibles par mot de passe, utile par exemple pour les salles communes des quatre Maisons dans les forums Harry Potter.
Vous voulez centrer verticalement un élément sur une page ? Le CSS et le HTML ne sont pas suffisants. Il va falloir une petite dose de JavaScript pour aider à la mise en page.
Requis : accès/modification templates | Comme le titre l'indique, ce tutoriel rapide explique comment centrer le pseudo qui s'affiche au dessus de l'avatar d'un membre, et plus si affinités. Tuto pour Forumactif et Xooit. Attention, il vous faut un compte fondateur pour mettre en pratique ce tutoriel.
Ce tutoriel vous apprendra à cacher la chatbox de votre forum (forumactif seulement) et à la rendre affichable plus discrètement via la présence d'un bouton permettant de l'ouvrir et de la fermer à volonté. Tant qu'à faire, il vous donnera aussi quelques pistes de personnalisation CSS de ladite chatbox, enjoy !
Il n'est pas toujours évident de faire une fiche de personnage. Combien sont tentés de créer un personnage idéalisé, oubliant trop souvent qu'un forum RPG n'est ni un concours de miss, ni une foire ? Alors ce petit tutoriel se veut utile pour éviter les écueils et donner quelques astuces.
Article comparatif des hébergeurs d'images Imageshack, Servimg, Upix, Photobucket, Upimago... Réalisé par des auteurs différents, n'hésitez donc pas à proposer vos propres comparatifs à la suite !
Comment personnaliser votre message d'accueil (ou en-tête, ou PA) en organisant au mieux les informations qui y sont rangées ? Cet article tente de répondre à cette question. Attention, il ne s'agit que de conseils, et non d'astuces de codage et compagnie. En passant, vous y trouverez la définition de ce qu'est le WYSIWYG.
Requis : forum Phpbb sur hébergement privé | Pour réaliser des pseudo pages HTML de présentation pour votre forum, dont le contenu est géré de la même façon qu'un post normal.
Le but de ce tutoriel est de créer une image dans laquelle se lancera/s'arrêtera une musique de votre choix d'un simple clic. Ce tutoriel pourra également vous servir à faire défiler un texte en passant la souris sur votre image.
On peut, en trichant un peu, rendre semi transparent (ou semi-opaque, c'est pareil) un élément HTML (généralement une image), ceci pour obtenir un rendu esthétique particulier. Ce tutoriel vous permettra de réaliser cet effet avec en outre un effet progressif, sur les éléments de votre choix.
Ayant remarqué un complexe d'infériorité parmi les joueurs néophytes, vis à vis des messages qui font plus de 10 lignes, je leur donne ici une méthode simple d'en faire, sans passer par des études en littérature. Article réalisé par Rkanjar
Voici un petit script qui permet de faire pleuvoir des flocons de neige, petits personnages, parts de pizza, boules de feu... sur votre forum ForumActif. Fonctionne avec tous formats d'image : JPEG, TIFF, PNG etc...
Les cadres en pointillés sont souvent appréciés, alors que l'outil permettant d'en faire sur photoshop est méconnu. Apprenez à l'utiliser avec ce tutoriel !
Un petit tuto concernant le logiciel The Gimp (valable pour Gimp 2.2.6 mais également pour Gimp Pack Mode), et la façon de réaliser des fondus entre deux images en utilisant les masques de calques.
Comment se prémunir des risques de litiges dans le cadre des commandes bénévoles. Cet article concerne aussi bien le graphisme, le codage ou les illustrations et les droits d'utilisation liés.
Vous êtes codeur ? Du moins, vous avez vocation à l'être, et vous proposez vos services sur certains forums d'entraide, ou encore vous personnalisez vous même votre propre forum avec vos connaissances durement acquises ? Voici un article pour vous rappeler quelques bonnes manières à garder en tête
[Forumactif] Petite méthode pour intégrer un compteur de mots directement à l'éditeur des messages. Simple, mais ne fonctionne pas sous le mode WYSIWYG.
Deux méthodes possibles pour avoir les messages de vos forums en justifié par défaut, ce qui fait beaucoup plus propre, et même avoir une petite marge entre la bordure et le texte. Tutoriel potentiellement adaptable à Xooit avec un peu d'astuce.
Définition et explication du style fantastique au sens large ainsi que de ses quatre principales sous-catégories, à savoir le fantastique au sens strict, la fantasy, l'anticipation et la science-fiction.
On en trouve pour tous les goûts, de toutes les sortes, et l'on en parle beaucoup, parfois sans pouvoir se mettre d'accord. Petite explication des différentes notions de jeu de rôle par forum, de la différence entre chronologique et géographique et des subtilités que l'on peut trouver.
Quelques conseils évidents (mais auxquels on ne pense pas toujours) pour faire un design acceptable. L'article s'adresse surtout aux forums RPG, mais peut s'adapter aux autres forums.
Un petit tutoriel sur les bases du HTML dans le but d'être utilisés pour vos forums. Attention cependant, certains aspects techniques seront volontairement laissés de côté pour n'aborder que l'essentiel, si vous souhaitez apprendre à créer un site, ce tutoriel ne suffira pas.
Il existe sur Forumactif (et peut-être aussi sur Xooit) des variables comme {USERNAME} (affiche le pseudo de celui qui lit la variable) qui pourraient vous aider à personnaliser votre forum avec un peu d'astuce... Quelques explications.
Une liste de liens utiles pour les admins, pour leur référencement, l'aide au codage et au graphisme, etc. N'hésitez pas à la mettre à jour quand vous trouvez un lien qui vaut la peine d'être connu !
Vous avez peut être pu le constater, les beaux codes qu'on vous propose sur l'Enae pour des en-têtes personnalisés ne marchent pas sur Xooit... voici donc une méthode pour contourner le problème !
Ce tutoriel explique plusieurs façons d'afficher la légende des icônes de catégories et sujets (nouveaux messages, pas de nouveaux messages, verrouillé, etc...) sur forumactif - Tutoriel réalisé par Hakuso Nouvan
L'affichage classique des forums réserve une colonne pour le nombre de messages et une colonne pour le nombre de sujets d'une catégorie... Il est néanmoins possible de supprimer ces colonnes en gardant ces statistiques ! Tutoriel pour Forumactif, adaptable aux autres plateformes.
La personnalisation à outrance des forumactifs est à la mode en ce moment, mais beaucoup retouchent le code de leur QEEL (qui est en ligne) sans savoir ce qu'ils font, en se basant sur des codes tous faits et pas toujours très optimisés. Voici de quoi vous aider à savoir où vous allez !
Petite manipulation dans les templates pour placer un contenu quelconque au dessus des crédits de bas de page sur un ForumActif (les liens "créer un forum", "signaler un abus", etc.)
Forums PhpBB3 privés seulement - Un tutoriel pour ceux qui hébergent leur forum et qui veulent permettre aux membres d’utiliser un pseudo et un avatar spécifique par message.
Ce tutoriel s'adresse aux débutants. Il vise à expliquer brièvement ce qu'est un forum dit "de jeu de rôle" (RPG) et comment écrire un message de jeu qui soit à la fois bien construit et interactif.
Cet article va vous apprendre à réaliser une barre de vie pour phpBB3, dans la même veine de celles que l'on peut gérer sur forumactif, via l'utilisation des champs de profil personnalisés.
Les smileys utilisés sur vos forums sont généralement soit des smileys par défaut, ou alors ceux que vous aimez bien et que vous êtes allés chercher sur internet ... Et si vous faisiez vos propres smileys personnalisés à votre forum ? (Article réalisé par Esper)
Dans ce tutoriel, j'ai choisi de vous présenter quelque chose d'extrêmement simple à faire: l'effet parchemin, ce qui donne, tout simplement, un effet vieilli et craquelé à l'image choisie... (Article réalisé par Kyni)
Voici un tutoriel détaillé et le plus explicite possible pour apprendre à réaliser un générateur de code en jQuery (utile pour les fiches de personnages sur les forums RPG) dont vous pouvez voir une démonstration sur cette page
Un tutoriel expliquant comment utiliser la plume sous photoshop, avec la réalisation d'un lineart comme exemple d'application. Réalisé pour photoshop CS3 mais compatible avec les autres versions.
Ce tutoriel explique les différentes méthodes pour réaliser un sommaire ou une liste de messages dont les liens renvoient vers les sujets ou messages correspondants.
Les infobulles, ce sont des "bulles" d'information qui apparaissent quand on fait passer la souris sur un texte ou une image. Certaines sont naturellement implémentées en HTML (comme les attributs title que vous pouvez mettre sur une image), mais elles ne sont pas très jolies. Voici de quoi en réaliser vous même grâce au CSS !
Voici toute une sélection de liens pratiques, générateurs de code, palettes de couleurs automatiques et tout ce qui peut concerner un codeur débutant ou un poil paresseux. Usage abusif tout à fait recommandé !
Sur ForumActif (et peut-être sur xooit), les sous-forums d'une catégorie se présentent sous la forme d'une liste de noms de forums séparés par des virgules. Si le CSS permet de personnaliser leur affichage, la virgule reste parfois assez pénible à gérer. Voici quelques méthodes pour s'en débarrasser.
Quelques explications pour savoir comment superposer plusieurs images pour obtenir un fond et une bannière mieux intégrés... Compatible avec les forumactifs.
Les contributions à cet article seront grandement appréciées ! - Sur Forumactif, la grande mode, c'est de tout personnaliser. Mais peu ont les compétences pour ça, aussi des codes tous faits ont la cote. Vous en trouverez donc ici pour tous les goûts et toutes les couleurs, simples et personnalisables.
Vous voulez vous créer un forum phpbb3 privé ? Vous comptez apprendre le php mais vous n'avez pas d'hébergeur, et donc pas de serveur PHP pour vos tests ? EasyPhP est l'outil qu'il vous faut. Ce tutoriel vous permettra de poser les bases du travail en local et expliquer comment installer un nouveau forum, ou importer le sien.
Requis : espace web personnel & serveur Apache | Grâce au PHP, il est possible de posséder un avatar composé de plusieurs images qui s'affichent aléatoirement. Cela n'a rien de très compliqué, cependant l'astuce nécessite un espace web personnel doté d'un serveur Apache.
Tutoriel pour les forums Forumactif, adaptable le cas échéant. Permet d'afficher des images de façon aléatoire à la place du Qui Est En Ligne grâce à un petit code javascript.
Requis : hébergement privé | Comment réaliser une chatbox en php entièrement personnalisable et gratuite. Nécessite d'avoir un hébergeur pouvant exécuter du php.
On a parfois besoin d'utiliser des polices particulières et on n'a pas toujours envie de faire des images exprès. Voici une des nombreuses solutions pour inclure des polices personnalisées (par vos soins, c'est encore mieux) à l'intérieur des messages.
Ceci est une petite méthode utilisant le CSS afin de générer des fontes (polices d'écriture) non standards sans avoir à utiliser des images et sans que les visiteurs de votre forum (ou de votre site) n'aient à télécharger les polices utilisées.
