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.


    Contenu de rp

    Partagez
    Asaëlle
    FémininAge : 24Messages : 124

    le Lun 22 Sep 2014 - 12:51

    Petite proposition toute simple, épurée et sans prétention aucune, première fiche de contenu de rp que j'ai créé pour un forum sur lequel je me suis inscrite il y a peu, en espérant qu'elle puisse servir et pourquoi pas plaire à quelqu'un.

    Pour l’aperçu c'est ici


    « Ton titre ici »


    A ta santé JackLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque justo nulla, at posuere massa ullamcorper et. Curabitur in nisi dignissim, vestibulum elit id, varius metus. Maecenas semper lorem id ex hendrerit, id mollis magna facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam cursus quam et ex auctor, a commodo nisi blandit. Nulla vitae vestibulum dolor. Vivamus fermentum enim arcu. Phasellus in nunc efficitur, placerat nulla eget, imperdiet sem. Proin diam quam, feugiat sed gravida et, euismod ac velit. Curabitur sed erat sed orci ornare aliquet.
    Vestibulum consequat tortor id sapien malesuada commodo. Praesent eu pellentesque tellus, et faucibus est. Phasellus sed sapien dictum, aliquam neque id, vulputate ex. Nullam vitae ligula vulputate, faucibus neque sit amet, maximus arcu. Suspendisse potenti. Donec felis mauris, elementum sodales elementum pharetra, cursus ut velit. Vivamus vulputate tortor vitae est dictum volutpat. Nullam sed nisl sem. Sed sed pulvinar lacus, eget porta neque. Ut lacinia lacus vestibulum urna efficitur tincidunt. Praesent purus nulla, pharetra nec dictum sed, varius at est. Aliquam nec fringilla justo, venenatis tristique velit. Vestibulum interdum lorem at leo vestibulum, at vestibulum mauris iaculis. Donec viverra condimentum dui, sit amet dapibus dolor molestie ac. Vestibulum vel aliquet odio. Quisque tempor nisi tellus, in elementum augue fringilla elementum.
    A ta santé JackDonec suscipit lorem sed lacus faucibus tempor. Duis feugiat dapibus nibh eget venenatis. In nec elit sed turpis aliquet mattis. Sed vehicula varius ligula a tincidunt. Duis sodales pulvinar lorem eu rutrum. Praesent sed egestas turpis, ac scelerisque erat. Morbi non lacus erat. Nunc vestibulum vel magna eget finibus. Donec ullamcorper leo at odio condimentum, consectetur volutpat magna varius. Curabitur vitae mattis magna, vitae vestibulum ipsum. Fusce efficitur egestas neque a mollis. Sed ultricies ultrices odio, ac congue turpis euismod id. Phasellus ornare lacinia ligula a luctus. Praesent sollicitudin leo at eros vestibulum placerat. Integer non quam vitae erat mollis pulvinar luctus eget dolor.

    © Asaëlle




    Code:
    <div style="width: 500px; background-color: #FFFFF0; border: 1px solid #696969; color: #696969; padding: 4px; font-family: georgia; letter-spacing: 1px; text-align: justify; margin-top: -10px; margin-left: auto; margin-right: auto;"><br /> <div style="font-family: 'Shadows Into Light', cursive; font-size: 24px; letter-spacing: -1px; font-weight: Lighter; color: #696969; text-align: center;">« Ton titre ici »</div><br />
    <img src="http://hogwartshabbinchotel.weebly.com/uploads/1/8/5/2/18520316/4874737_orig.gif" alt="A ta santé Jack" style="width: 150px; height: 50px; float: left; margin-right: 10px; margin-bottom; 10px; border: 1px solid #696969;" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque justo nulla, at posuere massa ullamcorper et. Curabitur in nisi dignissim, vestibulum elit id, varius metus. Maecenas semper lorem id ex hendrerit, id mollis magna facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam cursus quam et ex auctor, a commodo nisi blandit. Nulla vitae vestibulum dolor. Vivamus fermentum enim arcu. Phasellus in nunc efficitur, placerat nulla eget, imperdiet sem. Proin diam quam, feugiat sed gravida et, euismod ac velit. Curabitur sed erat sed orci ornare aliquet.
    Vestibulum consequat tortor id sapien malesuada commodo. Praesent eu pellentesque tellus, et faucibus est. Phasellus sed sapien dictum, aliquam neque id, vulputate ex. Nullam vitae ligula vulputate, faucibus neque sit amet, maximus arcu. Suspendisse potenti. Donec felis mauris, elementum sodales elementum pharetra, cursus ut velit. Vivamus vulputate tortor vitae est dictum volutpat. Nullam sed nisl sem. Sed sed pulvinar lacus, eget porta neque. Ut lacinia lacus vestibulum urna efficitur tincidunt. Praesent purus nulla, pharetra nec dictum sed, varius at est. Aliquam nec fringilla justo, venenatis tristique velit. Vestibulum interdum lorem at leo vestibulum, at vestibulum mauris iaculis. Donec viverra condimentum dui, sit amet dapibus dolor molestie ac. Vestibulum vel aliquet odio. Quisque tempor nisi tellus, in elementum augue fringilla elementum.
    <img src="http://25.media.tumblr.com/db28ad215001781b90078eaa7c695fc0/tumblr_mzm7qoKRvq1rb19a9o1_250.gif" alt="A ta santé Jack" style="width: 150px; height: 50px; float: right; margin-left: 10px; margin-bottom; 10px; margin-top; 10px; border: 1px solid #696969;" />Donec suscipit lorem sed lacus faucibus tempor. Duis feugiat dapibus nibh eget venenatis. In nec elit sed turpis aliquet mattis. Sed vehicula varius ligula a tincidunt. Duis sodales pulvinar lorem eu rutrum. Praesent sed egestas turpis, ac scelerisque erat. Morbi non lacus erat. Nunc vestibulum vel magna eget finibus. Donec ullamcorper leo at odio condimentum, consectetur volutpat magna varius. Curabitur vitae mattis magna, vitae vestibulum ipsum. Fusce efficitur egestas neque a mollis. Sed ultricies ultrices odio, ac congue turpis euismod id. Phasellus ornare lacinia ligula a luctus. Praesent sollicitudin leo at eros vestibulum placerat. Integer non quam vitae erat mollis pulvinar luctus eget dolor.

    <div style="font-family:georgia; font-size: 6px; color: #696969; text-align: center;">© Asaëlle</div>
    <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
    </div>
    Halloween
    FémininAge : 22Messages : 9733

    le Dim 12 Oct 2014 - 16:15

    Hey !

    Quelques petits points à relever dans ta fiche :3

    Lorsque tu utilises les "br", pense à ajouter un "/" à la fin. Ensuite, la balise "center" tend à disparaître, donc il serait préférable d'utiliser "text-align: center" lorsque tu souhaites aligner un texte. En revanche, il me semble qu'avec un "span" ça ne fonctionne pas, donc (puisque de toute manière tu utilises les "br" pour le retour à la ligne, ça ne change pas grand chose) il faut le remplacer par une div. Et de manière optionnelle, si tu veux laisser un espace entre le texte et le bord, tu peux utiliser un padding. Mais à ta convenance :3 Le reste me parait nickel.

    En tout cas la fiche est très sympa, simple, sobre, efficace ! Je déplacerai quand les quelques modifications auront été apportées.

    Merci du partage Wink



    Je mets les voiles, que le vent te soit favorable matelot !
    Halloween
    FémininAge : 22Messages : 9733

    le Dim 2 Nov 2014 - 11:54

    Plop,

    Sans nouvelles depuis Septembre, j'ai apporté les quelques modifications.

    Merci encore du partage Wink



    Je mets les voiles, que le vent te soit favorable matelot !
    mmorgo
    FémininAge : 19Messages : 46

    le Ven 1 Mai 2015 - 18:41

    merci pour cette joliiie fifiche :3
    Wavy
    FémininAge : 15Messages : 36

    le Lun 28 Déc 2015 - 0:48

    Merci, j'aime bien le style simple mais joli ♥
    Contenu sponsorisé

    Aujourd'hui à 2:54


      La date/heure actuelle est Ven 9 Déc 2016 - 2:54