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.


    Fiche de présentation bleutée tout en rondeur.

    Partagez
    Rozenbrez
    FémininAge : 25Message(s) : 1173

    le Mer 20 Juil 2016 - 18:54



    Bien le bonsoir ou bonjour à toute la communauté. :)

    Pour me "reposer" la tête quand je ne souhaite pas plancher sur mon univers, je graphe et je code. Et là j'ai eu l'envie et l'inspiration pour coder la nouvelle fiche de présentation que j'userais. Et comme j'en suis fier, je viens la partager avec vous. :)

    Html&CSS ▬ PhpBB 2
    Voici un aperçus de la fiche : Fiche de présentation. (screen).

    /!\ Je rappelle que cette section existe en cas de problème ! /!\



       
    Merci de ne pas retirer l'indication pour trouver ce LS en bas de la fiche, qui fait aussi office de "crédit" :)


    Le Code HTML de la fiche:
    Code:
    <div class="bfichepresentation">
    <div class="btitrepresentation">Prénom(s)&Nom(s) du personnage.</div>
    <table style="margin:auto;">
    <tr><td><div style="display:block;width:200px;height:350px;font-size:11px;overflow:auto;margin:auto;color:#000523;padding:2px;text-align:left"><img src="http://img15.hostingpics.net/pics/958473avatarpnj.png" /></div></td><td><div style="display:block;width:350px;height:350px;font-size:11px;overflow:auto;margin:auto;padding:2px;text-align:left">
    <span style="font-weight:700;font-size:25px;font-family:'Times New Roman';color:#80afcc;padding-left:5px;">Informations générales</span>
    <b>- Race :</b>
    <b>- Peuple :</b> (Merrow et Lamia uniquement.)
    <b>- Sexe :</b>
    <b>- Âge actuel :</b>
    <b>- Date&Lieu de naissance :</b>

    <b>- Lieu de résidence actuelle :</b>
    <b>- Classe Social :</b> (Citoyen, Noble ou Hors-la-loi.)
    <b>- Métier :</b>
    <b>- Magie :</b>
    <b>- Liste des sorts/techniques connus :</b> (Listez les techniques de combat et les sorts que votre personnage connais. Vous pouvez tout inventer, cependant le Staff se réserve le droit de refuser ou demander des modifications s'ils jugent les techniques trop puissantes.)</div></td></tr></table>
    <div class="btitrepresentation">Physique :</div>
    <table style="margin:auto;">
    <tr><td><span style="font-weight:700;font-size:20px;font-family:'Times New Roman';color:#80afcc;padding-left:5px">Description de la queue :</span> <div style="display:block;width:245px;height:150px;font-size:11px;overflow:auto;margin:auto;color:#DEDEDE;padding:2px;text-align:justify;background: #346c82;border-radius: 10px;">REDIGER ICI.</div></td><td><span style="font-weight:700;font-size:20px;font-family:'Times New Roman';color:#80afcc;padding-left:5px">Description du torse :</span><div style="display:block;width:245px;height:150px;font-size:11px;overflow:auto;margin:auto;color:#DEDEDE;padding:2px;text-align:justify;background: #346c82;border-radius: 10px;">REDIGER ICI.</div></td></tr></table><br />
    <div class="btitrepresentation">Caractère/Mental :</div>
    <div style="display:block;font-size:11px;color:#DEDEDE;padding: 5px;text-align:justify;width: 540px;">Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
    Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.</div><br />
    <div class="btitrepresentation">Biographie.</div>
    <div style="display:block;font-size:11px;color:#DEDEDE;padding: 5px;text-align:justify;width: 540px;">Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem. haec similiaque memorabile nihil vel serium agi Romae permittunt. ergo redeundum ad textum.
    Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.</div><br />
    <div class="btitrepresentation">Informations complémentaires :</div>
    <div style="display:block;font-size:11px;color:#DEDEDE;padding: 5px;text-align:justify;width: 540px;"><b>- Situation maritale :</b> ( Célibataire, Marié, Veuf/Veuve.)
    <b>- Orientation Sexuelle :</b> (Hétérosexuel / Bisexuel / Homosexuel / Pansexuel / Asexuelle / Altersexuelle / etc.)

    <b>- Son inventaire de départ :</b> (lister les objets que possède votre personnage. Le Staff s’octroie le droit de vous refuser certains objets s’ils sont jugé trop puissant.)

    <b>- En cas de départ, que souhaitez vous pour votre personnage :</b> (dite nous ce que vous voulez que nous en fassions. Le mettre en prédéfini, en PNJ, le faire considérer disparu ou mort ? Cela pour que ces liens puissent à leur tour prendre en considération le statut de votre personnage.)</div>

    <div style="font-size:10px;text-align:center;">Codage en libre-service sur <a target="_blank" href="http://www.never-utopia.com/">Never-Utopia</a>.</div></div>

    Le Code CSS de la fiche:
    Code:
    /** Fiche de présentation **/
    .bfichepresentation {
      margin: auto;
    width: 550px;
    background: #0c324f;
    border-top: 5px solid #80afcc;
    border-bottom: 5px solid #80afcc;
    text-align: justify;
    font-size: 12px;
    color: #DEDEDE;
     border-radius : 20px;}

    .btitrepresentation {
    width: 540px;
    height: 20px;
    background: #80afcc;
    text-align: center;
    font-size: 25px;
    color: #346c82;
    padding: 5px; }  
    /** Fin Fiche de Présentation **/


    Dernière édition par Rozenbrez le Dim 24 Juil 2016 - 15:27, édité 1 fois



    Onyx
    FémininAge : 23Message(s) : 2596

    le Dim 24 Juil 2016 - 5:10

    Salut !

    Ça me paraît pas mal du tout ^^

    Édit 2016-10-01 : Je peux enfin validée, désolée du délai ><




      La date/heure actuelle est Dim 4 Déc 2016 - 13:14