AccueilDernières imagesRechercherS'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...

    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Jeu 16 Jan 2014 - 9:49

    Proposer...

    un tutoriel, une étape, une astuce, une correction...



    Que proposer et comment ?



    Dans cette section vous pouvez apporter votre contribution au forum en proposant un complément pour le cursus (étape, partie d'étape, etc...), un tutoriel, ou 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 (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 choisir un titre clair pour votre sujet, mentionnant toutes les infos importantes (type de contenu, résultat, s'il s'agit d'un tutoriel, d'une étape supplémentaire, d'une correction...)

    Vous ne pouvez pas mettre de balise hide pour le cursus qui sera obligatoirement ouvert.
    Vous avez le droit d'ajouter votre crédit (pseudo, conditions, volonté de mention...), du moment qu'il ne contient pas de liens externes.

    Nous vous remercions par avance de vos contributions !


    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 Sam 23 Nov 2024 - 8:59