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.


    True trees

    Partagez
    avatar
    Hiro'
    MasculinAge : 20Messages : 127

    le Ven 30 Aoû 2013 - 20:23

    Et hop ! Encore une nouvelle présentation au nom très bizarre. Je vous laisse l'apprécier comme il se doit o/

    A bientôt !



    Prénom Nom
    « Petite citation jolie »


    En bref...
    Prénom : [Prénom ici.]
    Âge : [Âge ici.]
    Date de naissance : [Date de naiss. ici.]
    Un défaut : [Un défaut ici.]
    Une qualité : [Une qualité ici.]

    J'ai vécu ça...
    Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici.

    Je suis un peu comme ça...
    Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici.

    Mais en vrai, je suis ça...
    Prénom : bla bla bla bla ― Âge : bla bla bla bla ― Comment avez-vous découvert le forum ? bla bla bla bla ― Vos impressions ? bla bla bla bla ― Avatar : bla bla bla bla ― Et le code du règlement ? bla bla bla bla

    (c) Code de Lou, pour Never-Utopia



    Code:
    <head><link href='http://fonts.googleapis.com/css?family=Miniver|The+Girl+Next+Door' rel='stylesheet' type='text/css'></head>
    <center><div style="width:490px; height:820px; overflow:auto; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; background-image:url(http://i.imgur.com/Gzm9t5D.png); box-shadow:0 0 2px 3px grey; padding:5px;">
    <div style="border-bottom:1px grey dotted;"><span style="font-family:'Miniver'; color:#046800; text-shadow:2px 2px 2px black; font-size:50px;">Prénom Nom</span><div style="margin-bottom:-15px; font-size:10px; color:black, text-shadow:1px 1px 1px white; font-family:'Georgia'; letter-spacing:2px;">« Petite citation jolie »</div></div>

    <table><td><img src="http://i.imgur.com/1WxPGl3.png" style="box-shadow:0 0 3px 3px black;width:110px;" /></td><td style="width:5px;"></td><td><div style="margin-left:35px; margin-bottom:-5px;text-shadow:1px 1px 1px black; font-family:'The Girl Next Door'; font-size:30px; color:brown;">En bref...</div><div style="background-color:rgba(255,255,255,0.4); width:280px; height:135px;overflow:auto; padding:2px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;border-left:2px #058E00 solid; border-right:2px #058E00 solid;border-left:2px #058E00 solid; border-top:1px #058E00 dashed; border-bottom:1px #058E00 dashed;">[font=Georgia]<span style="font-variant:small-caps;letter-spacing:2px; word-spacing:2px; color:black; text-shadow:1px 1px 1px white;">Prénom : </span>[Prénom ici.]
    <span style="font-variant:small-caps;letter-spacing:2px; word-spacing:2px; color:black; text-shadow:1px 1px 1px white;">Âge : </span>[Âge ici.]
    <span style="font-variant:small-caps;letter-spacing:2px; word-spacing:2px; color:black; text-shadow:1px 1px 1px white;">Date de naissance : </span>[Date de naiss. ici.]
    <span style="font-variant:small-caps;letter-spacing:2px; word-spacing:2px; color:black; text-shadow:1px 1px 1px white;">Un défaut : </span>[Un défaut ici.]
    <span style="font-variant:small-caps;letter-spacing:2px; word-spacing:2px; color:black; text-shadow:1px 1px 1px white;">Une qualité : </span>[Une qualité ici.][/font]</div></td></table>

    <div style="margin-left:35px; margin-bottom:-5px;text-shadow:1px 1px 1px black; font-family:'The Girl Next Door'; font-size:30px; color:brown;">J'ai vécu ça...</div><div style="background-color:rgba(255,255,255,0.4); width:480px; height:130px;overflow:auto; padding:2px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;border-left:2px #058E00 solid; border-right:2px #058E00 solid;border-left:2px #058E00 solid; border-top:1px #058E00 dashed; border-bottom:1px #058E00 dashed;text-align:justify; font-family:'Georgia';">Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici. - Histoire ici.</div>
    <div style="margin-left:35px; margin-bottom:-5px;text-shadow:1px 1px 1px black; font-family:'The Girl Next Door'; font-size:30px; color:brown;">Je suis un peu comme ça...</div><div style="background-color:rgba(255,255,255,0.4); width:480px; height:130px;overflow:auto; padding:2px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;border-left:2px #058E00 solid; border-right:2px #058E00 solid;border-left:2px #058E00 solid; border-top:1px #058E00 dashed; border-bottom:1px #058E00 dashed;text-align:justify; font-family:'Georgia';">Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici. - Caractère ici.</div>
    <div style="margin-left:35px; margin-bottom:-5px;text-shadow:1px 1px 1px black; font-family:'The Girl Next Door'; font-size:30px; color:brown;">Mais en vrai, je suis ça...</div><div style="background-color:rgba(255,255,255,0.4); width:480px; height:75px;overflow:auto; padding:2px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;border-left:2px #058E00 solid; border-right:2px #058E00 solid;border-left:2px #058E00 solid; border-top:1px #058E00 dashed; border-bottom:1px #058E00 dashed;text-align:justify; font-family:'Georgia';"><b>Prénom : </b> bla bla bla bla ― <b>Âge : </b> bla bla bla bla ― <b>Comment avez-vous découvert le forum ? </b> bla bla bla bla ― <b>Vos impressions ? </b> bla bla bla bla ― <b>Avatar : </b> bla bla bla bla ― <b>Et le code du règlement ? </b> bla bla bla bla</div>
    [font=Georgia]<center>[size=9][i](c) Code de Lou, pour <span style="letter-spacing:2px;">[url=http://www.never-utopia.com]Never-Utopia[/url]</span>[/i][/size]</center>[/font]
    </div></div></center>



    Pas souvent là, mais je vous aime quand même très fort ! Étudiant en prépa littéraire, quand j'en ai marre de pas comprendre ce que je lis, je code pour ne plus comprendre non plus ce que j'écris.
    avatar
    Rynkka
    FémininAge : 18Messages : 119

    le Lun 30 Juin 2014 - 17:24

    C'est très joli!



    avatar
    Nord
    MasculinAge : 17Messages : 165

    le Sam 9 Aoû 2014 - 20:01

    C'est mignon !
    avatar
    Klemmeria
    FémininAge : 17Messages : 147

    le Jeu 18 Sep 2014 - 19:29

    merci!



    avatar
    Chèlha
    FémininAge : 24Messages : 121

    le Dim 14 Déc 2014 - 18:49

    Merci beaucoup ! Vive le vert !
    avatar
    Chaat
    FémininAge : 20Messages : 29

    le Mar 8 Sep 2015 - 18:20

    Magnifique ! Merci !



    avatar
    Kelalin
    FémininAge : 24Messages : 1507

    le Mar 8 Sep 2015 - 22:53

    Merci beaucoup ! (⌒_⌒Wink
    Nardco
    MasculinAge : 56Messages : 50

    le Mar 2 Fév 2016 - 18:51

    Merci ! Magnifique.
    avatar
    Solitude
    FémininAge : 42Messages : 281

    le Mer 3 Fév 2016 - 17:11

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Eryu
    FémininAge : 24Messages : 40

    le Dim 7 Aoû 2016 - 3:51

    Je trouve ce code vraiment très sympathique, les couleurs me plaisent ^^ Excepté peut-être la couleur du texte dans les boites, qui ne se lit pas très bien sur ce fond... Du coup, je me permettrais de me l'adapter un peu ^^
    En tout cas merci pour le code, il est très beau.
    avatar
    Nihal
    FémininAge : 13Messages : 23

    le Sam 4 Mar 2017 - 20:07

    Merci!
    Contenu sponsorisé


      La date/heure actuelle est Jeu 29 Juin 2017 - 5:50