Le Cod'Book de Hiro'

Le Cod'Book de Lou
Fiche : Blue Style
Voici une fiche très simple et toute bleue. Pour la petite histoire, c'est l'une de mes premières fiches. Elle est personnalisable, mais le code risque d'être imbuvable, vue mon expérience au moment où j'ai créé cette fiche.
    <center><div style="-webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;border-left:1px #5E91E8 dashed; border-bottom:1px #5E91E8 dashed; border-right:1px #5E91E8 dashed; border-top:3px #5E91E8 solid; width:470px;background-color:#EFF0F0;box-shadow:0 0 4px 4px grey; -moz-box-shadow:0 0 4px; -webkit-box-shadow:0 0 4px;"><script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link href="http://fonts.googleapis.com/css?family=Neucha" rel="stylesheet" type="text/css"><div style="font-family:'Neucha';font-size:50px;color:#4A2612; text-align:center; text-shadow:0 0 2px 2px white;"><div style="margin-top:5px;border-bottom: 2px grey dotted;border-top:2px grey dotted;"><br><div style="margin-top:-4.5px;">Prénom Nom</div><br></div></div>
    <table><tbody><tr><td><img src="http://image.noelshack.com/fichiers/2013/29/1374416413-lou.jpg" style="box-shadow:2px 2px 2px black;-moz-box-shadow:2px 2px 2px black;-webkit-box-shadow:2px 2px 2px black; width:100px;"></td><td style="width:3px;"></td><td><script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link href="http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco" rel="stylesheet" type="text/css"><div style="margin-bottom:-37px;font-family:'Sue Ellen Francisco';font-size:30px;color:#4A2612; text-align:center; text-shadow:2px 2px 2px grey;">En bref...</div><br>
    <div style="background-color:#CACFFD; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; border-left:3px #5E91E8 solid; border-right:3px #5E91E8 solid; font-family:Georgia; text-align:justify; padding:3px; width:250px; overflow:auto;font-size:11.5;"><span style="font-variant:small-caps; text-shadow:1px 1px 1px white; letter-spacing:2px; word-spacing:2px;">Pseudo : </span> [Réponse ici.]<br><span style="font-variant:small-caps; text-shadow:1px 1px 1px white; letter-spacing:2px; word-spacing:2px;">Âge : </span> [Réponse ici.]<br><span style="font-variant:small-caps; text-shadow:1px 1px 1px white; letter-spacing:2px; word-spacing:2px;">Date/Lieu de naissance : </span> [Réponse ici.]<br><span style="font-variant:small-caps; text-shadow:1px 1px 1px white; letter-spacing:2px; word-spacing:2px;">Une qualité : </span> [Réponse ici.]<br><span style="font-variant:small-caps; text-shadow:1px 1px 1px white; letter-spacing:2px; word-spacing:2px;">Un défaut : </span> [Réponse ici.]<br></div></td></tr></tbody></table><br>
    <div style="border-bottom:2px grey dotted;"></div><br>
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link href="http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco" rel="stylesheet" type="text/css"><div style="margin-bottom:-37px;font-family:'Sue Ellen Francisco';font-size:30px;color:#4A2612; text-align:center; text-shadow:2px 2px 2px grey;">Histoire</div><br>
    <div style="background-color:#CACFFD; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; border-left:3px #5E91E8 solid; border-right:3px #5E91E8 solid; font-family:Georgia; text-align:justify; padding:3px; width:300px; height:190px; overflow:auto;font-size:11.5;">Histoire. Histoire. Histoire. Histoire. </div>
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link href="http://fonts.googleapis.com/css?family=Miniver" rel="stylesheet" type="text/css"><div style="color:#4A2612; margin-top:-24px; font-family:'Miniver'; text-shadow:1px 1px 1px white;margin-left:+200px; text-align:justify;font-size:15px;">Pour te connaître...</div><br>
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link href="http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco" rel="stylesheet" type="text/css"><div style="margin-bottom:-37px;font-family:'Sue Ellen Francisco';font-size:30px;color:#4A2612; text-align:center; text-shadow:2px 2px 2px grey;">Physique</div><br>
    <div style="background-color:#CACFFD; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; border-left:3px #5E91E8 solid; border-right:3px #5E91E8 solid; font-family:Georgia; text-align:justify; padding:3px; width:300px; height:190px; overflow:auto;font-size:11.5;">Physique. Physique. Physique. Physique. </div>
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link href="http://fonts.googleapis.com/css?family=Miniver" rel="stylesheet" type="text/css"><div style="color:#4A2612; margin-top:-24px; font-family:'Miniver'; text-shadow:1px 1px 1px white;margin-left:+200px; text-align:justify;font-size:15px;">Pour te reconnaître...</div><br>

    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link href="http://fonts.googleapis.com/css?family=Miniver" rel="stylesheet" type="text/css"><div style="color:#4A2612; margin-bottom:-8px; font-family:'Miniver'; text-shadow:1px 1px 1px white;margin-left:+95px; text-align:justify;font-size:18px;">De l'autre côté de l'écran...</div><div style="padding-right:40px; padding-left:40px; border-top:2px grey dotted; border-bottom:2px grey dotted;"><b>Prénom : </b>[Réponse ici.] ‒ <b>Âge : </b>[Réponse ici.] ‒ <b>Comment avez-vous découvert le forum ? </b>[Réponse ici.] ‒ <b>Vos impressions : </b> [Réponse ici.] ‒ <b>Vos suggestions : </B> [Réponse ici.]</div>

      <center><i><span style="font-size:9px; font-family:'Georgia';">(c) Code de Lou pour <a href="http://www.never-utopia.com">Never-Utopia</a></span></i></center>

      </div></center>
Ce site est entièrement réalisé par Hiro' et ses maigres talents. Version 1.0