Index Faq chercher Membres Groupe Se connecter S'inscrire
[Aide] Mettre en page ses RPs

 
Poster un nouveau sujet   Répondre au sujet    L'ile d'Arcane - Forum RPG Fantasy Index du Forum -> -> Les Clés du RPG
Sujet précédent :: Sujet suivant  
Auteur Message
Ariez
<!--01-->Admin

Hors ligne


Inscrit le: 13 Juin 2008
Messages: 4 031
Féminin Verseau (20jan-19fev) 猴 Singe
Lien vers la fiche: URL
Métier dans le jeu: Propriètaire de l'Armurerie
Invocation(s): Vaea
Annonce: HRP : Pensez à voter ;)
Double compte: Aucun !
Point(s): 1 321

MessagePosté le: Ven 10 Déc - 17:17 (2010)    Sujet du message: [Aide] Mettre en page ses RPs Répondre en citant

La mise en page


Bonjour ! Voici mon petit sujet sur la mise en page de vos RPs. Attention à tous les allergiques au code cette page en sera remplie ! Je rappelle aussi qu'avant d'assurer la forme de vos RPs, pensez à soigner le fond grâce aux autres sujets des Clés du RPG. Celui ci servira plutôt à rendre vos RPs jolis et à nous donner envie de les lire. Ce qui est dit ici est aussi valable pour la fiche de présentation.

I) Propriétés du texte
1) Les couleurs
    La couleur attire directement le regard et permettra d'un coup d’œil de distinguer vos pensées et paroles du reste de votre texte. Elle permettra aussi de rompre la monotonie d'un texte et de l'égayer, à condition de savoir utiliser la couleur correctement !
    Voici tous mes conseils concernant l'utilisation de la couleur dans vos textes :
    1. Jamais plus de trois couleurs dans un RP.
    2. Harmonisez les couleurs que vous utilisez. Jamais un texte rouge et des pensées vertes, l'effet rendu serait affreux.
    3. Évitez autant que possible les couleurs trop claires, car elles ne se voient pas du tout sur le forum.
    4. Évitez absolument les couleurs trop flashy, elles agressent l'oeil et rendent la lecture désagréable. Je vous déconseille aussi d'utiliser ce bleu ci (code #0000cc) et ce rouge ci (code #ff0000) ce sont des couleurs très intense qui sont assez fatigante à lire (surtout pour le rouge) et que je vois pourtant souvent dans vos RPs. Préférez des couleurs un peu plus claire, comme ce bleu ci (code #0D6FA8) ou des couleurs au contraire plus foncée comme ce rouge là (code #990000)
    5. Pour les actions, les descriptions, préférez la couleur noire, gardez les autres couleurs pour les pensées et les paroles.
    6. Ne changez pas sans cesse la couleur des paroles dans un RP, quand vous avez choisi une couleur, conservez la de façon à harmoniser l'ensemble.
    7. Les couleurs utilisables ne se limitent pas à celles proposées dans
      vous pouvez aussi utiliser toutes les couleurs de cette palette : Pour cela, choisissez une couleur, un code tel que celui ci #AB6AA2 s'affiche. Vous n'avez plus qu'a l'insérer dans la balise
      Code:
      [color=#AB6AA2] Votre Texte[/color]
      Le résultat : Votre Texte

Le petit plus de l'admin :
    Accordez les couleurs que vous utilisez avec les couleurs de votre avatar ! Un avatar bleu ? Écrivez vos paroles et pensées en bleu, l'effet sera terrible !


2) Gras, Italique, Police

    Le gras balise "b", (comme bold en anglais) l'italique "i" et la police "font=" permettront aussi de rendre votre texte plus attractif : mettre en valeur ce qui est important, rendre vos textes plus originaux par de belles polices... Voici quelques conseils :
    1. Je vous déconseille fortement de mettre vos actions en gras. Le gras est plutôt fait pour mettre en valeur quelque chose, si vous mettez tout en gras, pour moi ça n'a pas vraiment de sens et l'effet obtenu n'est même pas particulièrement esthétique. (et puis, s'il y a une partie de votre texte que vous voulez mettre en relief, comment ferez vous ? L'italique ne se voit pas énormément par rapport au gras)
    2. Concernant la police, si vous voulez en changer, faites attention à prendre une joli police facilement lisible, ni trop petite ni trop grande, et évitez les polices très espacées, elles ne font pas bel effet sur le forum. (la police que j'utilise pour les titres est Arial Black)
    3. Je vous déconseille de changer de police au cours d'un même RP, sauf pour marquer la différence si plusieurs personnes parlent, ou si le texte est un mot ou un texte lu par votre personnage.
      Comme par exemple :
        Code:
        Texte 1 [font=Comic Sans MS, cursive, sansserif]Texte 2[/font]

        Sur la porte, il y avait écrit "Chambre n°10".

      Ça donne un peu de style mais l'effet dépend beaucoup de la police utilisée, à vous de voir !
    4. Si vous utilisez une couleur jolie dans vos rps mais qu'elle ne se voit pas énormément, vous pouvez utiliser le gras pour corriger cela. Exemple : cette couleur là se voit mieux comme ça
    5. Concernant l'italique, qu'on l'utilise pour les pensées, les paroles, les actions, ou tout cela à la fois, ça rend tout le temps bien !

Le petit plus de l'admin :
    Vous pouvez mettre en relief vos paroles par rapport au ton que prend votre personnage, s'il hausse le ton, mettez ce qu'il dit en gras, s'il murmure, en plus de changer la taille de la police avec la balise "size=" vous pouvez mettre en italique. Mais ça reste entre nous, d'accord ?


3) Utilisation des smileys
    Je vous déconseille tout simplement des smileys que ce soit ^^ ou dans vos RP, à moins que ceux ci ne soit absolument pas sérieux et soit destiné à prendre un caractère comique voir même caricatural. Dans tous les autres cas l'utilisation des smileys ne sera pas favorable, l'émotion que vous voulez faire passer avec un smiley passera tout aussi bien (voir même mieux) avec une petite description. Personellement je préfère voir :
    "S'il te plaiiiit ! Dit-elle les yeux pleins d'étoiles" que "S'il te plaiiiit "

Le petit plus de l'admin :
    Ne vous frustrez pas, vous avez tout le loisir d'utiliser les smileys si mignon utilisable sur le forum dans le flood !


II) Effet de Texte
1) Faire des colonnes

Voici le code à utiliser :
Code:
<table><td> Colonne 1 </td>
<td> Colonne 2 </td></table>

Vous pouvez rajouter plus de td pour ajouter plus de colonne.

Application : Illustrer joliment son RP avec une image.
Code:
<table><td>[img]lien image[/img]</td>
<td>  Titre
Le texte </td></table>


Par une nuit de pleine lune...
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
Par une nuit de pleine lune...
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte


texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte

Pour l'exemple 3, si vous souhaitez obtenir ca :

texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte

Il faut couper la seconde colonne avec les balises de fin de colonne et de tableau :"/td" "/table" quand le texte atteint la fin de l'image.
J'aime personnellement beaucoup ce code même si son utilisation dans un RP est plutôt limité, cependant si vous en avez l'occasion, l'effet sera terrible !

2) Faire une marge et aligner son texte.

    Faire une marge signifie tout simplement décaler son texte du bord, cela peut avoir un joli effet mais doit être combiné avec un alignement du texte pour un meilleur effet. Ce sont ces boutons qui sont à utiliser :
    Le premier aligne votre texte, le deuxième, qui sert à faire des listes, décalera votre texte sur la droite. Utilisez ce code :
    Code:
    [list][justify] Votre texte [/list][/justify]

    Pour obtenir ceci :
    Citation:
      Bonjour ! Voici mon petit sujet sur la mise en page de vos RPs. Attention à tous les allergiques au code cette page en sera remplie ! Je rappelle aussi qu'avant d'assurer la forme de vos RPs, pensez à soigner le fond grâce aux autres sujets des Clés du RPG. Celui ci servira plutôt à rendre vos RPs jolis et à nous donner envie de les lire. Ce qui est dit ici est aussi valable pour la fiche de présentation.

    Cela donnera à votre texte un aspect organisé, régulier. A l'inverse, et ce n'est que mon avis personnel, utilisé le bouton "centrer le texte" donnera plutôt un aspect désorganisé, observez la différence :
    Citation:
    Bonjour ! Voici mon petit sujet sur la mise en page de vos RPs. Attention à tous les allergiques au code cette page en sera remplie ! Je rappelle aussi qu'avant d'assurer la forme de vos RPs, pensez à soigner le fond grâce aux autres sujets des Clés du RPG. Celui ci servira plutôt à rendre vos RPs jolis et à nous donner envie de les lire. Ce qui est dit ici est aussi valable pour la fiche de présentation

Le petit plus de l'admin :
    L'effet de l'alignement de texte est meilleur sur les longs textes, et celui du centrage de texte est "moins pire" sur les textes courts.


Et voila, vous savez maintenant tout ce qu'il faut savoir pour faire un rp visuellement plaisant (ou du moins plaisant du point de vue pour l'admin !)

A vos RPs =D !


Revenir en haut
Publicité





MessagePosté le: Ven 10 Déc - 17:17 (2010)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
Ariez
<!--01-->Admin

Hors ligne


Inscrit le: 13 Juin 2008
Messages: 4 031
Féminin Verseau (20jan-19fev) 猴 Singe
Lien vers la fiche: URL
Métier dans le jeu: Propriètaire de l'Armurerie
Invocation(s): Vaea
Annonce: HRP : Pensez à voter ;)
Double compte: Aucun !
Point(s): 1 321

MessagePosté le: Dim 10 Avr - 09:41 (2011)    Sujet du message: [Aide] Mettre en page ses RPs Répondre en citant

Bonjour ! Me revoici sur cette section, cette fois pour vous apprendre à faire des cadres ! =) (c'est mon truc en ce moment !). Je ne sais pas si ça vous servira beaucoup dans le RP mais ça peut toujours êtres utile dans le flood ou ... simplement ailleurs ^^

I) Les Bases
    Voici le code à utiliser :
    Code:
    <div style="-moz-border-radius: 10px; border: 3px solid #000000; padding-bottom:2px; padding-left: 2px; padding-right: 2px; padding-top: -20px;">

    </div>

    Analysons ce code :
      -moz-border-radius : permet de régler l'angle des coins.
      border: 3px= règle l'épaisseur du cadre.
      #000000 : ça c'est le code de la couleur du cadre (c'est du noir)
      Pour le reste c'est l'espacement entre le texte et le cadre, ni touchez pas c'est parfait réglé comme ça !


    Voici ce que ce code nous donne :
    Bordure de 3px, couleur #000000
    Angle 10px

    Bordure de 1px, couleur #6699cc
    Angle 1px



2) Régler la Largeur

    Pour régler la largeur du cadre, deux solutions :

    -ajouter dans le code width: X % (X étant une valeur entre 1 et 100) (d’ailleurs évitez de mettre 100, mettez plutôt 95% sinon ça déborde un peu de la fenètre d'écriture)
    Ou
    - ajouter width: Xpx (X étant une valeur

    L'ajouter dans le code comme ceci :
    Code:
    <div style="width: 20%; -moz-border-radius: 10px; border: 3px solid #000000; padding-bottom:2px; padding-left: 2px; padding-right: 2px; padding-top: -20px;">

    </div>

    Ce qui nous donne :
    Test. Le cadre fait 20% de la fenêtre.
    Test. Le cadre fait 100px de largeur (width: 100px).


3) Ajouter une couleur de fond


    Je ne connais le code pour régler la couleur de fond que quand on a réglé la largeur. Ajoutez après la largeur "background-color:" puis un code de couleur, ici je vais prendre blanc, #ffffff.
    Code:
    <div style="width: 20%; background-color: #ffffff; -moz-border-radius: 10px; border: 3px solid #000000; padding-bottom:2px; padding-left: 2px; padding-right: 2px; padding-top: -20px;">
    </div>

    Fond de cadre blanc


4) Changer les propriétés du texte


    A l'intérieur du cadre vous pouvez modifier les propriétés du texte comme dans n'importe quelle autre situation, vous pouvez centrer le texte, le mettre en gras ... Assurez vous bien que les modification que vous voulez faire soit contenu à l'intérieur du cadre, si vous mettez des balises [b] (gras) avant "div style" il risque d'y avoir des bugs !


ps : désolée mais je ne sais pas comment centrer un cadre !
ps²: vous pouvez aligner des cadres en utilisant le code pour les colonnes que j'ai expliqué dans le message juste avant celui ci.



Revenir en haut
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 09:56 (2016)    Sujet du message: [Aide] Mettre en page ses RPs

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    L'ile d'Arcane - Forum RPG Fantasy Index du Forum -> -> Les Clés du RPG Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  

Index | Panneau d’administration | Creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Template lost-kingdom_Tolede created by larme d'ange
Powered by phpBB © 2001, 2005 phpBB Group www.kenney.nl
Traduction par : phpBB-fr.com