AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Proposer...

    Partagez
    avatar
    Okhmhaka
    FémininAge : 33Messages : 31851

    le Sam 14 Fév 2015 - 12:15

    Proposer...

    un tutoriel, une étape, une astuce



    Que proposer et comment ?



    Dans cette section vous pouvez apporter votre contribution au forum en proposant un tutoriel, une étape de cursus, un TP, une astuce... Tout le monde peut proposer quelque chose, mais il y a quelques conditions pour que ce soit accepté :
    - vous devez être l'auteur du document posté, il ne doit pas contenir de copier coller, ni même d'un texte que vous aurez légèrement modifié.
    - votre rédaction doit être claire, en texte dans la mesure du possible (pas d'image où serait tout le texte, c'est trop lourd...), aéré, avec une expression compréhensible et avec le moins de fautes possibles
    - dans la mesure du possible essayez d'illustrer votre document, ça sera toujours plus attrayant et agréable à consulter par les autres membres, par ailleurs des screens peuvent être nécessaires pour la compréhension d'étapes ou de manipulations.
    - merci de mettre un titre clair pour votre sujet, contenant les informations nécessaires. Précisez également si vous écrivez une étape de cursus, un tutoriel ([Tuto]) ou une astuce ([Astuce]).
    - suivez les règles de présentation que vous trouverez plus bas

    Vous pouvez utiliser la balise hide seulement pour les tutoriels puisque le Cursus reste visible quoi qu'il arrive sans besoin de réponse.
    Vous avez le droit d'ajouter votre crédit (pseudo, conditions, volonté de mention...), du moment qu'il ne contient pas de liens externes.

    Veillez à ce qu'un tutoriel identique ne soit pas déjà présent sur le forum. Il peut cependant proposer le même résultat avec une méthode différente... N'hésitez pas à aller voir l'index des tutoriels pour ce faire.


    Nous vous remercions par avance de vos contributions !


    Les règles de présentation



    Les règles de présentation regroupent toutes les informations et les normes que vous devez suivre pour voir votre tuto et vos LS validés. Si vous ne suivez pas ces règles, il se peut qu'un responsable de section vous demande de modifier votre contribution.

    Ainsi, vous devez:
    - Éviter de mélanger le BBcode et le HTML. N'utilisez que l'un ou l'autre.
    - Ne mettez pas de balise dites "bloc" (comme table, div, etc) au sein des balises dites "inline" (span, b, etc.) Cela peut causer beaucoup de problèmes, notamment pour les pages d'accueil sur ForumActif.
    - Assurez vous que toutes vos balises sont bien fermées (même les balises "individuelles" tel que img et br), quitte à utiliser des programmes tel que NotePad++. Pensez également à bien indenter votre code.
    - Éviter le mélange de l'attribut style="" et de l'usage de la feuille CSS par le biais des class/id. (Exception de certains cas (ex: pour faciliter le changement d'image de fond d'une fiche de RP par un utilisateur du code en LS).
    - N'oubliez pas le point-virgule ( ; ) à la fin de chaque propriété CSS, que cela soit dans la Feuille de Style, ou dans l'attribut style=""
    - Veillez à utiliser les préfixes CSS lorsque nécessaire, et uniquement lorsque nécessaire. Ce tutoriel ainsi que le site Can I Use vous seront utiles dans ce sens.
    - Tentez le maximum de compatibilité entre navigateurs et, le cas échéant, exprimez pour quels navigateurs votre code est compatible.
    - Tentez de ne pas utiliser de balise dépréciée. Par exemple, plutôt que la balise center, préférez mettre une largeur à votre élément avec un margin: auto; et un display: block; si nécessaire. Voici une liste des balises dépréciées: applet, acronym, basefont, big, center, dir, font, frame, frameset, noframe, isindex, strike et tt. Les balises b, i, u et s sont également dépréciées, mais acceptables vu que utilisées par ForumActif.
    - N'oubliez pas de préciser certaines choses tel que la taille des images utilisées (et si elles sont redimensionnées automatiquement ou non), ainsi que toutes variable propre au forum et à votre code (largeur minimale d'un forum, écriture spéciale, etc).
    - Si vous créez un LS utilisant des liens et à utiliser au sein d'une iframe, comme un fiche de pub par exemple, faites en sorte que tous les liens s'ouvrent dans un nouveau anglet en utilisant target="_blank".

    Si vous avez le moindre bug avec votre code lors de vos test, n'hésitez pas non plus à aller lire ce tutoriel pour vous aider à trouver vos erreurs par vous-même, ou alors à poster dans la section d'aide au codage.


    Les mises en forme utiles



    Si vous souhaitez (et c'est conseillé) utiliser les mêmes mises en forme que le cursus avec ses cadres d'information, ses titres, etc... vous pouvez intégrer dans vos documents les codes ci-dessous. Ils sont "officiels" et ne doivent être utilisés que dans les tutoriels, astuces, étapes de cursus ou dans le Libre service si d'autres mises en forme ne vous sont pas imposées.

    Voici ces paragraphes et les codes qui vous permettront de les utiliser.

    Une question que peut se poser le lecteur, ou plus générale, qui amène l'explication qui suivra.

    Code:
    <div class="question"><span class="icone_question"></span>Contenu</div>


    Une information complémentaire importante pour la suite, une précision, le signalement d'une donnée à retenir.

    Code:
    <div class="information"><span class="icone_information"></span>Contenu</div>


    Le signalement de quelque chose de très important, une donnée dont il faut se méfier, une erreur courante, une erreur à éviter à tout prix, un avertissement...

    Code:
    <div class="attention"><span class="icone_attention"></span>Contenu</div>


    Le résumé des points importants qui ont été vu précédemment, ce qu'il y a à retenir, ou la conclusion.

    Code:
    <div class="resume"><span class="icone_resume"></span>Résumé / conclusion.</div>


    Ceci est un paragraphe de cours (cursus, tutoriel...) normal, le bloc de lien ci-contre indique des sujets ou des sites complémentaires, utiles (ressources ou autres) ou simplement conseillés pour aller plus loin dans le domaine abordé. Ce code de liens utiles doit se placer juste avant le paragraphe concerné, il flottera à sa droite. Le paragraphe l'accompagnant doit être assez conséquent pour que le cadre ne déborde pas sur ce qui suit, mais vous pouvez aussi ajouter des sauts de ligne ou mettre un "clear: both" (pour les codeurs) à la fin du paragraphe.
    Code:
    <div class="bloc_liens"><span class="icone_liens"></span>
    <a href="#">Lien utile 1</a><a href="#">Lien utile 2</a><a href="#">Lien utile 3</a>
    </div>


    Ce cadre contient les explications de l'élément abordé juste avant. Généralement, il sera utilisé après un bloc "code" classique (balises bbcode) pour en détailler/expliquer certains points. Il peut cependant être utilisé pour autre chose, une manipulation en graphisme par exemple...

    Code:
    <div class="explication_code"><span class="icone_explication"></span>Contenu.</div>


    Cadre d'exemple, utilisé donc pour donner un exemple ou une illustration des propos donnés plus haut. Il peut s'agir de n'importe quel domaine.

    Code:
    <div class="exemple">Ceci est un exemple illustrant les propos donnés.</div>

    Image petite flottant à droite : class="illu_droite"
    Image petite flottant à gauche : class="illu_gauche"
    Image moyenne centrée : "illustration"

    Précédent
    Suivant

    Code:
    <a href="#" class="paginleft">Précédent</a>
    <a href="#" class="paginright">Suivant</a>


      La date/heure actuelle est Jeu 13 Déc 2018 - 2:12