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.


  • Poster un nouveau sujet
  • Répondre au sujet

Blue Style

Partagez
avatar
Hiro'
MasculinAge : 20Messages : 127

le Dim 25 Aoû 2013 - 14:48

Je reviens à nouveau vers vous avec une toute nouvelle fiche de présentation, plus aboutie que la précédente, je pense, même si relativement basique.

Dîtes-moi ce que vous en pensez Wink.
J'ai utilisé mon merveilleux et magnifique avatar 200*400, mais la fiche s'adapte à toutes les dimensions =)


Prénom Nom


En bref...


Pseudo : [Réponse ici.]
Âge : [Réponse ici.]
Date/Lieu de naissance : [Réponse ici.]
Une qualité : [Réponse ici.]
Un défaut : [Réponse ici.]




Histoire


Histoire. Histoire. Histoire. Histoire.

Pour te connaître...


Physique


Physique. Physique. Physique. Physique.

Pour te reconnaître...



De l'autre côté de l'écran...
Prénom : [Réponse ici.] ‒ Âge : [Réponse ici.] ‒ Comment avez-vous découvert le forum ? [Réponse ici.] ‒ Vos impressions : [Réponse ici.] ‒ Vos suggestions : [Réponse ici.]


(c) Code de Lou pour Never-Utopia




Code:
<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>
Voilou !

A très vite et merci d'avance pour vos messages Wink



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
Didinette
FémininAge : 25Messages : 21

le Jeu 7 Nov 2013 - 18:05

Merci pour le partage de cette fiche, elle est superbe et mimi *-*
avatar
Okhmhaka
FémininAge : 32Messages : 31851

le Ven 8 Nov 2013 - 9:46

Merci du partage ! Wink



avatar
Shinobi kun
MasculinAge : 26Messages : 24

le Ven 24 Jan 2014 - 8:20

Super ! Merci pour le partage, il est vraiment stylé.

Je me demandais, si c'était possible d'avoir le même genre en contenu RP ?

Merci :)



avatar
Miyoko
FémininAge : 25Messages : 213

le Ven 24 Jan 2014 - 20:48

Merci beaucoup pour cette fiche ^^ elle est vraiment simple mais jolie.



Contenu sponsorisé

  • Poster un nouveau sujet
  • Répondre au sujet

La date/heure actuelle est Mar 19 Sep 2017 - 17:05