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 RP } Bleu et grise toute simple

    Partagez
    avatar
    Isalia
    FémininAge : 20Messages : 121

    le Jeu 11 Aoû 2016 - 11:47



    Bonjour !

    C'est la première fois que je met un code en LS, soyez indulgent x:
    Je suis contente de pouvoir vous partager une fiche, j'espère qu'elle vous plaira, elle est vraiment très basique :

    Un aperçu : www


    Code:
    <link href='https://fonts.googleapis.com/css?family=Abel|Amatic+SC|Satisfy' rel='stylesheet' type='text/css' /><div style="margin: auto; width: 530px; text-align: center;"><img src="http://www.zupimages.net/up/16/30/wz7h.jpg" style="z-index:88;" /><div style="background-color:#eaeaea;height: 650px; text-align:justify; border-left: 10px solid #619994; border-right: 10px solid #619994; width: 450px; padding: 30px;"><div style="text-align:center; font-size: 30pt; font-family: 'Abel'; text-shadow: 1px 0px 5px #07A79A; letter-spacing: 6px;margin-top:-40px; z-index:7; position: relative; color: #fff;">TITRE ICI</div>
    <div style="text-align:center; font-family: 'Satisfy'; z-index:8; cursive;margin-top:-12px; color: #619994;">Prénom N. & Prénom N.</div>
    <div style="width: 450px; height: 650px;overflow:auto;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit auctor nulla, vel pellentesque magna accumsan eget. Vivamus viverra rutrum purus, faucibus malesuada dolor pellentesque ut. Mauris suscipit in arcu ut tristique. Etiam et ante ac mi vulputate ultrices eu eget ante. Morbi a scelerisque magna. Donec fringilla nisl quam, eu tincidunt libero fermentum in. Morbi tincidunt nisi sed lectus rutrum facilisis. Mauris dictum metus sed pulvinar finibus. Sed blandit turpis lorem, ac consectetur tellus congue non. Nam congue, lectus in consectetur suscipit, orci sapien malesuada nulla, non fringilla sapien felis ac quam. Aliquam in ullamcorper lectus, ac elementum dui. Integer laoreet sem et leo pellentesque, quis eleifend lectus gravida. Mauris volutpat mauris dui, et tincidunt libero semper eu. Nunc vel sodales nisi.

    Vivamus accumsan lectus vitae ultricies feugiat. Nam venenatis a enim non tincidunt. Nulla tincidunt lectus dui, ac cursus turpis viverra at. Maecenas dui mi, ornare a sollicitudin id, dapibus et urna. Donec non risus sagittis, luctus diam at, molestie ex. Aliquam non volutpat mauris, rhoncus fringilla nulla. Donec nunc nibh, vestibulum et nisl vel, posuere porttitor odio. Pellentesque ac ante feugiat, efficitur ipsum quis, consequat enim. Nunc elementum eros vel sapien lobortis, efficitur lacinia justo auctor. Duis vel nisl est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit auctor nulla, vel pellentesque magna accumsan eget. Vivamus viverra rutrum purus, faucibus malesuada dolor pellentesque ut. Mauris suscipit in arcu ut tristique. Etiam et ante ac mi vulputate ultrices eu eget ante. Morbi a scelerisque magna. Donec fringilla nisl quam, eu tincidunt libero fermentum in. Morbi tincidunt nisi sed lectus rutrum facilisis. Mauris dictum metus sed pulvinar finibus. Sed blandit turpis lorem, ac consectetur tellus congue non. Nam congue, lectus in consectetur suscipit, orci sapien malesuada nulla, non fringilla sapien felis ac quam. Aliquam in ullamcorper lectus, ac elementum dui. Integer laoreet sem et leo pellentesque, quis eleifend lectus gravida. Mauris volutpat mauris dui, et tincidunt libero semper eu. Nunc vel sodales nisi.

    Vivamus accumsan lectus vitae ultricies feugiat. Nam venenatis a enim non tincidunt. Nulla tincidunt lectus dui, ac cursus turpis viverra at. Maecenas dui mi, ornare a sollicitudin id, dapibus et urna. Donec non risus sagittis, luctus diam at, molestie ex. Aliquam non volutpat mauris, rhoncus fringilla nulla. Donec nunc nibh, vestibulum et nisl vel, posuere porttitor odio. Pellentesque ac ante feugiat, efficitur ipsum quis, consequat enim. Nunc elementum eros vel sapien lobortis, efficitur lacinia justo auctor. Duis vel nisl est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit auctor nulla, vel pellentesque magna accumsan eget. Vivamus viverra rutrum purus, faucibus malesuada dolor pellentesque ut. Mauris suscipit in arcu ut tristique. Etiam et ante ac mi vulputate ultrices eu eget ante. Morbi a scelerisque magna. Donec fringilla nisl quam, eu tincidunt libero fermentum in. Morbi tincidunt nisi sed lectus rutrum facilisis. Mauris dictum metus sed pulvinar finibus. Sed blandit turpis lorem, ac consectetur tellus congue non. Nam congue, lectus in consectetur suscipit, orci sapien malesuada nulla, non fringilla sapien felis ac quam. Aliquam in ullamcorper lectus, ac elementum dui. Integer laoreet sem et leo pellentesque, quis eleifend lectus gravida. Mauris volutpat mauris dui, et tincidunt libero semper eu. Nunc vel sodales nisi.</div></div><span style="font-size: 7;">Isalia (c) 16</span></div>

    Voilà voilà :love:
    avatar
    Onyx
    FémininAge : 23Messages : 2763

    le Dim 18 Sep 2016 - 5:48

    Salut!

    Elle est super cette fiche ! Merci du partage !

    Je vais juste te demander de faire 2-3 retouches et on pourra la classer, ok?

    Edit 2016-10-03 : N'ayant pas de retour, j'ai effectué les modifications. Du coup, je valide !



    avatar
    Isalia
    FémininAge : 20Messages : 121

    le Mer 26 Oct 2016 - 20:06

    Ohh j'avais pas vu cette réponse, merci pour la validation et la modification du code du coup !
    avatar
    Anatao
    FémininAge : 26Messages : 17

    le Dim 20 Nov 2016 - 16:31

    Ta fiche est vraiment jolie je trouve, toute simple mais qui garde un effet assez sympa ^^
    avatar
    Genichi
    MasculinAge : 23Messages : 24

    le Mar 29 Nov 2016 - 3:17

    Cest super beau merci beaucoup! :)
    avatar
    Kelalin
    FémininAge : 24Messages : 1460

    le Mar 29 Nov 2016 - 14:59

    Merci pour le partage !
    avatar
    Faramir
    FémininAge : 20Messages : 66

    le Mer 30 Nov 2016 - 17:48

    Merci
    avatar
    Jynnea
    FémininAge : 22Messages : 89

    le Dim 11 Déc 2016 - 6:59

    Merci!
    avatar
    SoraKumori
    MasculinAge : 19Messages : 18

    le Lun 16 Jan 2017 - 12:12

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Mar 28 Mar 2017 - 14:04