Survolez l'un des icones ci-contre pour en obtenir une description.
Voici la section des tutoriels graphiques qui pourront probablement vous aider à acquérir ou à approfondir vos connaissances. Le classement par logiciel vous permet une recherche rapide, et l'affichage vous facilitera la tâche avec sa notation par étoile : plus un tuto' possède d'étoile, plus sa qualité a été reconnue par nos responsables. Certains des tutoriels sont visibles directement sur le site, mais pas tous, loin de là. Par conséquent nous vous invitons à vous inscrire pour pouvoir profiter pleinement de ces quelques leçons, en espérant qu'elles puissent vous aider !
Le codage est désormais nécessaire, même sur les fora, si vous espérez être à la pointe. On a beau dire, c'est quand même très pratique et le css nous évite beaucoup de désagrément, de répétition de code et de place sur nos pages d'accueil, par exemple. Mais au fait, le codage, c'est quoi exactement ? Et le CSS ? Vous le savez mais vos connaissances sont faibles ? Moyennes ? Pour être franc, la technologie avance et l'on n'en saura jamais assez... Venez découvrir ici des cours pour débutants et confirmés, ainsi que de nombreuses astuces pour améliorer vos pages de site ou de forum.
Parce qu'il est nécessaire d'avoir de bons outils pour faire du graphisme, venez chercher des images dans cette partie du site. A votre disposition des renders faits par nos membres, mais également des adresses pour trouver de bons brushes ainsi qu'une bibliothèque d'avatar pour vos jeux de rôles. En ce qui concerne l'utilisation des images, n'oubliez pas qu'un copyright ne peut être appliqué à votre création que si vous en êtes entièrement l'auteur...
Un petit journal bourré d'article en tout genre : interviews, sujets d'actualité... un peu de lecture mis à votre disposition. N'oubliez pas que cette section est aussi la vôtre, vous êtes libres de nous proposer vos propres articles sur le sujet de votre choix : créations graphiques, société, actualité... Votre pseudo sera bien évidemment indiqué sur votre article. Bonne lecture, ou bonne rédaction !
Codage'Actif : Page d'Accueil
Si vous utilisez des astuces et des codes fournis par le site ou le forum, nous vous serons très reconnaissant d'afficher sur votre page d'accueil le lien de Never-Utopia, en crédit pour l'aide apportée. Merci d'avance !
Navigation Rapide (basique)
Rédigé par Revelc.
Beaucoup de forum comporte une quinzaine voir une vingtaine de forum . C'est un peu dur de s'y retrouvé quelque fois ! Donc , moi j'ai la solution : réalisé une navigation rapide !
Comment faire pour crée sa navigation rapide . Vous devez recenser au moins 5 ou 6 partie dans lequel les membres poste beaucoup : prenons par exemple : "Présentation" ; "Galerie des Membres" , "Flood" , "Entraides et Tutoriaux" "Blabla" .
Là, il vous suffit de mettre une liste de lien allant dans les différentes sections de votre forum, ou bien dans des sujets précis.
...ou avec image :
Voila , c'est une chose simple mais qui peut aidé les membres, surtout si votre forum comporte un grand nombre de sous-forum...
Mettre une horloge (ou autre création en format flash) sur l'Accueil
Rédigé par Boulban & Zayl.
Mettre une horloge :
Pour insérer une horloge en flash (ou toute création en format flash), vous devez tout d'abord héberger votre création. Si vous avez déjà le code (création issue d'une commande par exemple, passez tout de suite à l'étape suivante). Il vous faut un hébergeur qui tolère des fichiers lourds, le meilleur dans ce domaine est sans doute Photomaniak.com. Enregistrez-vous au besoin et hébergez votre image.
L'hébergeur vous donnera plusieurs codes, choisissez celui ayant cette forme là :
Allez ensuite dans : Affichage > Page d'Accueil > Généralités
...et mettez le code de cette façon :
Puis vous n'avez plus qu'a enregistrer
Retournez sur votre forum et rafraichissez votre page !
Trouver une horloge toute faite ?
Pas de logiciel pour faire votre horloge ? Ou bien pas de temps pour en commander ? Visitez ce site ! Il vous donne le code de votre horloge, vous n'avez plus qu'à suivre les indications précédentes pour la mettre !
Mettre une vidéo sur l'Accueil
Rédigé par Sparrow-style.
Comment mettre une vidéo sur l'Accueil ?
Choisissez tout d'abord une vidéo qui vous plaise, sur dailymotion ou bien youtube.
Une fois trouvé, vous avez en dessous (sur Youtube c'est à droite) un code correspondant à la vidéo.
Sur Dailymotion c'est en dessous de la vidéo, le code précédé de la mention "lecteur exportable".
Sur Youtube, c'est dans le cadre à droite de l'écran de la vidéo, dans le petit cadre précédé de "Embed".
Vous sélectionnez TOUT le code, puis vous allez dans votre panneau d'administration, dans la page d'accueil.
Là vous avez le cadre texte, vous devez cliquer sur "désactiver l'éditeur HTML", si ce n'est pas déjà fait. En gros, vous ne devez avoir que le cadre texte, sans police, sans couleur ni rien en haut.
Une fois fait, vous collez le code là.
Vous enregistrez.
Ensuite, vous pouvez repasser en html pour par exemple centrer votre vidéo (le cadre de la vidéo n'apparait pas, c'est normal).
Normalement ça marche !
Mettre une Shoot box
Rédigé par Fura.
Une shoot box autre que le Chat de FA sur l'Accueil ?
Je vous propose une petite shoot box en ajax, si comme moi vous n'êtes pas doués en code, mais qu'une shoot box plus petite, plus mignonne et surtout entièrement personnalisable vous tente :
Avantage pour le créateur :
L'installation est simple, rapide et permet vraiment de la créer comme on souhaite. Nota Bene : même la taille et la forme de ce petit objet est configurable...
Je ne vous en explique pas la création en détails, tout est expliqué, mâché, il suffit de lire, c'est d'une simplicité déconcertante :p
Avantage pour les membres?
De plus un petit onglet extras permet aux utilisateurs de se créer un petit compte avec quelques options leur étant personnelles.
Le principe du défilement
Rédigé par Sparrow-style.
Voici quelques astuces de codage pour afficher les logos de vos partenaires sur vos accueil de forum par exemple.
Retirer l'encadré en pointillé lors du clic sur un lien ou une image
Rédigé par Riku Asakura
Quand vous cliquez sur un lien, que ce soit une image ou un lien textuel, il vous arrive souvent d'avoir un encadré en pointillés que certains veulent supprimer...
Il vous suffit d'utiliser ce bout de code dans votre CSS :
Ceux qui veulent uniquement enlever ça pour les liens/images :
Placer le cadre des "derniers sujets" où vous voulez
Rédigé par Undomiel
Comme vous le savez sans doute, Forumactif propose un certain nombre de wigdet dont le plus connus et l'affichage des derniers sujets auxquels il y a eut une reponse. Ce tableau est bien pratique mais plusieurs d'entre nous aimeraient sans doute pouvoir l'utiliser ailleurs que sur le portail. D'ailleurs même si vous ne souhaitez pas utiliser de portail, il suffira de l'activer quand meme mais de supprimer le bouton qui permet d'y acceder. Car oui, pour marcher ce code necessite que vous installiez ce fameux portail.
Voici donc le code en question, que vous pourrez installer n'importe ou dans vos pages (a condition de savoir manier un peu le code). Personnellement, j'ai pour projet de m'en servir pour mon futur panneau html.
Et parce que on est jamais trop prudent, je le repete : il faut que votre portail soit actif ! Sans quoi ce code ne marchera pas.
PS: je pense avoir le droit d'utiliser ce codage car il s'agissait d'une ancienne reponse donné dans le forum même de forum actif.
Personnaliser la page d'accueil sans toucher à l'aspect des catégories
Rédigé par Sui'
Ce tutoriel vous permettra de modifier le cadre de votre page d'accueil sans pour autant toucher les catégories. Pour ceux qui ont déjà modifié leur forum, vous avez surement remarqué que quand on place le code css "forumline" que le cadre des catégories ainsi que celui de la page d'accueil change. Et bien aujourd'hui vous pourrez modifier le style de votre page d'accueil autrement que vos catégories.
Etablissez des onglets pour alléger votre page d'accueil de forum, pour regrouper les news, le staff, ou les crédits en différents onglets pratiques et ludiques. Il est déconseillé d'utiliser le code de ce tutoriel pour mettre votre "QEEL" en onglets, un autre tuto' exprès existe dans la section correspondante.
Je vais vous poster quelques astuces à la demande de Sparrow. Celle-ci à appliquer une sorte de zoom à une image. Pour ceci il faudra combiner un peu de code Html et CSS. Tout d'abord prenez l'image et appliquez lui une class, dans notre cas ce sera la class "zoom".
Certains d'entre vous veulent personnaliser leur forum en changeant le curseur. Pour cela, il suffit de suivre les indications suivantes. Cette technique ne fonctionne pas sous Firefox.
Voici un code relativement simple permettant d'avoir une image à opacité réduite qui devient "normale" au survol de la souris.
Ce code est fait pour être efficace sous tout les navigateurs.
L'infobulle permet de conserver une partie de texte/image ou autre dans une "bulle", celle-ci apparaît quand on passe la souris sur une image ou bien un texte, ici je vous expliquerait le système par image (voir exemple plus haut), beaucoup on utilisé le système par texte/lien mais il reste déconseillé.
Le principe est d'avoir une image à faible opacité et qu'au survol de la souris on obtienne l'image en opacité forte ou totale, le tout avec une transition douce (l'image devient peu à peu opaque).
Les forum ForumActif ont l'agréable particularité de permettre tout une série d'ajouts et de modifcations avec lesquelles les plus à l'aise d'entre vous en codage pourront s'amuser pendant des heures ! Dans cette astuce, nous verrons comment arriver tout simplement à intégrer une page web à votre forum, que ce soit en temps que "page d'accueil' ou bien pour le règlement, par exemple. Par la suite, nous passerons à l'étape supérieure, à savoir créer plusieurs pages, avec un design original ou du moins différent de celui du forum, ou bien carrément une sorte de "mini-site" !
Les premières parties de ce tuto sont accessibles à tout le monde, que vous sachiez ou non coder, par la suite il sera nécessaire d'avoir des bases en codage html et css afin de pouvoir exploiter pleinement le style de contenu que nous vous proposons de faire.
Voici la section des tutoriels graphiques qui pourront probablement vous aider à acquérir ou à approfondir vos connaissances. Le classement par logiciel vous permet une recherche rapide, et l'affichage vous facilitera la tâche avec sa notation par étoile : plus un tuto' possède d'étoile, plus sa qualité a été reconnue par nos responsables. Certains des tutoriels sont visibles directement sur le site, mais pas tous, loin de là. Par conséquent nous vous invitons à vous inscrire pour pouvoir profiter pleinement de ces quelques leçons, en espérant qu'elles puissent vous aider !
Le codage est désormais nécessaire, même sur les fora, si vous espérez être à la pointe. On a beau dire, c'est quand même très pratique et le css nous évite beaucoup de désagrément, de répétition de code et de place sur nos pages d'accueil, par exemple. Mais au fait, le codage, c'est quoi exactement ? Et le CSS ? Vous le savez mais vos connaissances sont faibles ? Moyennes ? Pour être franc, la technologie avance et l'on n'en saura jamais assez... Venez découvrir ici des cours pour débutants et confirmés, ainsi que de nombreuses astuces pour améliorer vos pages de site ou de forum.
Parce qu'il est nécessaire d'avoir de bons outils pour faire du graphisme, venez chercher des images dans cette partie du site. A votre disposition des renders faits par nos membres, mais également des adresses pour trouver de bons brushes ainsi qu'une bibliothèque d'avatar pour vos jeux de rôles. En ce qui concerne l'utilisation des images, n'oubliez pas qu'un copyright ne peut être appliqué à votre création que si vous en êtes entièrement l'auteur...
Un petit journal bourré d'article en tout genre : interviews, sujets d'actualité... un peu de lecture mis à votre disposition. N'oubliez pas que cette section est aussi la vôtre, vous êtes libres de nous proposer vos propres articles sur le sujet de votre choix : créations graphiques, société, actualité... Votre pseudo sera bien évidemment indiqué sur votre article. Bonne lecture, ou bonne rédaction !
