feuille de personnage Nom : Inconnu Âge : Inconnu Métier : Dirige secrètement le DWC
Sujet: Les dossiers personnels Mer 19 Juin - 8:44
DOSSIER PERSONNEL
Ce dossier, c'est ton bordel à toi ! T'en fais ce que tu veux ! Tu écris du caca si t'en as envie, tu utilises la mise en page que tu veux ! Enfin voilà il t’appartiens !
Sujet: Re: Les dossiers personnels Mer 19 Juin - 13:26
LIBRE SERVICE
N'empêche que c'est beau d'avoir un jolie code dans son dossier. Alors, si tu fais partie de ceux qui ont du mal avec le codage, voici une petite fiche en libre service faite pour t'aider ! Tu es autorisé(e) à la modifier à ta guise, tu peux même t'en servir en temps que base, mais n'oublie pas de créditer, et ne l'utilise surtout pas sur d'autres sites ou forums !
Si tu as un problème avec ta fiche, n'hésite pas à nous demander de l'aide. ♥
Code:
<link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'><center><div style="width: 515px; height: auto; background-color: white; border-radius: 10px; box-shadow: 0px 0px 5px darkgray; -webkit-box-shadow: 0px 0px 5px darkgray; -moz-box-shadow: 0px 0px 5px darkgray;"><img src="http://image.noelshack.com/fichiers/2013/30/1374825947-header.png" style="width: 515px; border-radius: 10px 10px 0px 0px;"> <div class="title" style="margin-left: 10px; margin-top: -50px;"><table cellspacing="15px"><tr><td><div style="font-size: 35px; font-family: Gochi Hand; color: #32b2fd; letter-spacing: -2px;">Prénom nom</div></td><td><div style="width: 85px; height: 30px; background-color: #FAD9AB; border-radius: 10px; position: relative">[url=http://darkwoodscircus.forumactif.org/]<div style="text-align: center; font-family: Georgia; font-size: 12px; color: white; line-height: 10px;"> <i>[b]Présentation[/b]</i></div>[/url] </div></td><td><div style="width: 85px; height: 30px; background-color: #FAD9AB; border-radius: 10px; position: relative">[url=http://darkwoodscircus.forumactif.org/]<div style="text-align: center; font-family: Georgia; font-size: 12px; color: white; line-height: 10px;"> <i>[b]RP[/b]</i></div>[/url] </div></td><td><div style="width: 85px; height: 30px; background-color: #FAD9AB; border-radius: 10px; position: relative">[url=http://darkwoodscircus.forumactif.org/]<div style="text-align: center; font-family: Georgia; font-size: 12px; color: white; line-height: 10px;"> <i>[b]MP[/b]</i></div>[/url] </div></td></tr></table></div> <table cellspacing="7px"><tr><td><img src="http://image.noelshack.com/fichiers/2013/30/1374827204-identite.png" style="border-radius: 100px; border: 12px solid #FAD9AB; position: relative;"><div class="title" style="position: relative;">Identité</div> <div style="margin-top: -79px"><div style="width: 174px; height: 320px; background-color: whitesmoke; border-radius: 0px 0px 20px 20px; border-bottom: 4px solid #32b2fd;"><br><br><br><br><div style="text-align: justify; padding: 3px; font-family: Georgia; font-size: 10px; color: darkgray; line-height: 13px; height: 234px; overflow: auto;">Nom entier : ... Âge : ... Taille : ... Poids : ... Gang : ... Tout ce que vous voulez en fait. \o/ Il y a un overflow, donc ne vous inquiétez pas au niveau de la déformation du code. ~</div></div></div></td><td> <div style="margin-top: 7px;"><div class="fond3" style="width: 300px; height: 390px;"><div class="title" style="position: relative;">Show time !</div> <table><tr><td><img src="http://image.noelshack.com/fichiers/2013/30/1374830508-icon.png" class="pictureo" style="width: 50px; height: 50px;"></td><td><div style="text-align: justify; padding: 3px; font-family: Georgia; font-size: 11px; color: darkgray;"><i>▬ 「 Random citation qui colle à votre personnage. 」</i></div></td></tr></table><div style="text-align: justify; padding: 3px; font-family: Georgia; font-size: 10px; color: darkgray; line-height: 13px; height: 284px; overflow: auto;">Le petit icon au dessus est un icon aux dimensions 100x100px. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur ?</div>
</div></div> </td></tr></table> <div class="fond3" style="width: 482px; height: 200px;"><div class="title" style="position: relative;">Mes recherches... </div> <div style="text-align: justify; padding: 3px; font-family: Georgia; font-size: 10px; color: darkgray; line-height: 13px; height: 164px; overflow: auto;">Ici, tu pourras mettre les types de relations que tu désires. Mais tu peux aussi t'en servir pour tout ce que tu veux. Tu n'es pas obligé(e) de suivre à la lettre ce code. >w< </div></div>
<table><tr><td><img src="http://image.noelshack.com/fichiers/2013/30/1374830508-icon.png" class="pictureo" style="width: 100px; height: 100px;"></td><td><div style="margin-top: 16px;"><div class="title" style="position: relative;">Prénom Nom.</div><div style="width: 390px; height: 90px; background-color: white; border-radius: 5px; box-shadow: 0px 0px 2px darkgray; -webkit-box-shadow: 0px 0px 2px darkgray; -moz-box-shadow: 0px 0px 2px darkgray;"><div style="text-align: justify; padding: 3px; font-family: Georgia; font-size: 10px; color: darkgray; line-height: 13px; height: 84px; overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div></td></tr></table> <table><tr><td><img src="http://image.noelshack.com/fichiers/2013/30/1374830508-icon.png" class="pictureo" style="width: 100px; height: 100px;"></td><td><div style="margin-top: 16px;"><div class="title" style="position: relative;">Prénom Nom. 2</div><div style="width: 390px; height: 90px; background-color: white; border-radius: 5px; box-shadow: 0px 0px 2px darkgray; -webkit-box-shadow: 0px 0px 2px darkgray; -moz-box-shadow: 0px 0px 2px darkgray;"><div style="text-align: justify; padding: 3px; font-family: Georgia; font-size: 10px; color: darkgray; line-height: 13px; height: 84px; overflow: auto;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div></td></tr></table>
Nom entier : ... Âge : ... Taille : ... Poids : ... Gang : ... Tout ce que vous voulez en fait. \o/ Il y a un overflow, donc ne vous inquiétez pas au niveau de la déformation du code. ~
Show time !
▬ 「 Random citation qui colle à votre personnage. 」
Le petit icon au dessus est un icon aux dimensions 100x100px. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur ?
Mes recherches...
Ici, tu pourras mettre les types de relations que tu désires. Mais tu peux aussi t'en servir pour tout ce que tu veux. Tu n'es pas obligé(e) de suivre à la lettre ce code. >w<
Relationship
Friends
Neutrals
Foes
Prénom Nom.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Prénom Nom. 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.