MessageSujet: MODÈLE TYPE DE FICHE Mer 29 Juin - 22:17
avatar
POSTES : 24
Voir le profil de l'utilisateur

LE CODE

Le code proposé n'est pas obligatoire, libre à vous d'en choisir ou d'en faire un autre. En revanche, toutes les informations demandées doivent y figurer et être correctement remplies. Cela permet au Staff ainsi qu'aux membres d'y voir plus clair quant à votre personnage. Have fun ! o/

FICHE -
Code:
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=BenchNine:400,700' rel='stylesheet' type='text/css'><center><div class="kai1"><div class="kai2"><div class="kai3"><table><tr><td><div class="kai-n">prénom(s) nom(s)</div><div class="kai-stuff">SURNOM, ÂGE, GROUPE, CASTE</div><div class="kaiout"></div></td><td><div class="kai-g"><div style="width: 85px; height: 85px; background-size: cover; background-image: url(IMAGE 85*85 QUI SE REDIMENSIONNE AUTO);"></div></div></td></tr></table></div> <div class="kai-thing"> <div class="kaitabs"><div class="kaitab"><input type="radio" id="kaitab-1" name="kaitab-group-1" checked><label for="kaitab-1">qui je suis</label><div class="kaicontent"><div class="s-stu"><div class="s-scr"><b>QUELQUES MOTS POUR ME DÉCRIRE...</b>

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.
</div></div></div></div><div class="kaitab"><input type="radio" id="kaitab-2" name="kaitab-group-1"><label for="kaitab-2">mes rps</label><div class="kaicontent"><div class="s-stu"><div class="s-scr"><b>+ PASSÉ</b>
- lien
- lien
- lien

<b>+ PRÉSENT</b>
- lien
- lien
- lien

<b>+ FUTUR</b>
- lien
- lien
- lien</div></div></div></div><div class="kaitab"><input type="radio" id="kaitab-3" name="kaitab-group-1"><label for="kaitab-3">liens désirés</label><div class="kaicontent"><div class="wa-nt"><div class="f-titl">AMITIÉS</div><div class="want-s"><b> JE RECHERCHE</b>
- blablabla
- blablabla</div><div class="f-titl">ENNEMIS</div><div class="want-s"><b>JE RECHERCHE</b>
- blablabla
- blablabla</div><div class="f-titl">AMOURS</div><div class="want-s"><b>JE RECHERCHE</b>
- blablabla
- blablabla
- blablabla</div></div></div></div></div> </div></div></div><a href="http://wecode.jcink.net/index.php?showuser=212"><div style="width: 416px; height: 7px; padding: 5px; text-align: center; line-height: 100%; font-family: arial; font-size: 7px; text-transform: uppercase; color: #adadad;">― zoe ―</div></a>
</center>

LIENS -
Code:
<style type='text/css'>.mmm {background-image:url(http://subtlepatterns.com/patterns/nasty_fabric.png); width:480px; padding:15px; border:#adadad 1px solid;}.whatcha {padding:30px; width:410px; background-color:#202020; font-style: italic; font-family:georgia; font-size:17px; text-align:center;text-transform:lowercase; letter-spacing:-1px; color:#fff; border: #303030 5px solid; text-shadow:1px 1px 0px #101010;}.say {width:410px; margin-top:8px; height:1px; background-color:white;}.mm {background-color:#202020; padding:20px; width:430px; border:#303030 5px solid; margin-top:5px;}.that {width:106px; margin-bottom:3px; height:106px; padding:10px; background-image:url(http://subtlepatterns.com/patterns/nasty_fabric.png); border:white 5px solid;}.that img {with:100px; height:100px; border:#303030 3px solid;}.you {width:270px; padding:5px; margin-bottom:3px; height:124px; border:#adadad 1px solid; background: white; overflow:auto; text-align:justify; font-family:calibri; font-size:11px; color:#303030; line-height:100%;;}.you::-webkit-scrollbar { background: #fff; width: 4px; }.you::-webkit-scrollbar-thumb { background: #c6c6c6; width: 4x }.you::-webkit-scrollbar-corner { background: #fff; }.you b {font-family:roboto condensed; font-size:7px; text-transform:uppercase; color:#a8caed; letter-spacing:1px;}.you i {font-family:roboto condensed; font-size:7px; text-transform:uppercase; color:#c6c6c6; letter-spacing:1px;}.you s {font-family:roboto condensed; font-size:7px; text-transform:uppercase; color:#a8caed; letter-spacing:1px;}#only { width: 106px; height: 106px; position: relative; overflow: hidden; } #only .meant { width: 106px; height: 106px; top: 126px; position: absolute; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}#only:hover .meant {top:0px;}.well {width:66px; height:66px; padding:20px; background-color: rgba(0,0,0,0.5);}.its {margin-top:10px; font-family:roboto condensed; color:#fff; font-size:7px; text-transform:uppercase; letter-spacing:1px; text-align:center; line-height:100%;}.all {width:66px; margin-top:5px; margin-bottom:5px; height:1px; background-color:#fff;}</style><center><div class='mmm'><div class='whatcha'>i always sing to myself in public<div class='say'></div></div><div class='mm'><table><td><div class='that'><div id='only'><img src='http://placehold.it/100'><div class='meant'><div class='well'><div class='its'>prénom nom<div class='all'></div>âge ; groupe</div></div></div></div></div></td><td><div class='you'>DESCRIPTION DU LIEN... Lorem ipsum dolor sit amet, consectetur adipiscing 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></td></table><table><td><div class='you'>DESCRIPTION DU LIEN ... Lorem ipsum dolor sit amet, consectetur adipiscing 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></td><td><div class='that'><div id='only'><img src='http://placehold.it/100'><div class='meant'><div class='well'><div class='its'>prénom nom<div class='all'></div>âge ; groupe</div></div></div></div></div></td></table><table><td><div class='that'><div id='only'><img src='http://placehold.it/100'><div class='meant'><div class='well'><div class='its'>prénom nom<div class='all'></div>âge ; groupe</div></div></div></div></div></td><td><div class='you'>DESCRIPTION DU LIEN... Lorem ipsum dolor sit amet, consectetur adipiscing 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></td></table><table><td><div class='you'>DESCRIPTION DU LIEN ... Lorem ipsum dolor sit amet, consectetur adipiscing 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></td><td><div class='that'><div id='only'><img src='http://placehold.it/100'><div class='meant'><div class='well'><div class='its'>prénom nom<div class='all'></div>âge ; groupe</div></div></div></div></div></td></table></div></div></center><center><A href='http://wecode.jcink.net/index.php?showuser=24'>[color=#dbdbdb]✿[/color]</a></center>
MessageSujet: Re: MODÈLE TYPE DE FICHE Mer 29 Juin - 22:49
avatar
POSTES : 24
Voir le profil de l'utilisateur
prénom(s) nom(s)
SURNOM, ÂGE, GROUPE, CASTE
QUELQUES MOTS POUR ME DÉCRIRE...

Quam ob rem circumspecta cautela observatum est deinceps et cum edita montium petere coeperint grassatores, loci iniquitati milites cedunt. ubi autem in planitie potuerint reperiri, quod contingit adsidue, nec exsertare lacertos nec crispare permissi tela, quae vehunt bina vel terna, pecudum ritu inertium trucidantur.
+ PASSÉ
- lien
- lien
- lien

+ PRÉSENT
- lien
- lien
- lien

+ FUTUR
- lien
- lien
- lien
― zoe ―

MessageSujet: Re: MODÈLE TYPE DE FICHE Mer 29 Juin - 23:28
avatar
POSTES : 24
Voir le profil de l'utilisateur
i always sing to myself in public
prénom nom
âge ; groupe
DESCRIPTION DU LIEN... Lorem ipsum dolor sit amet, consectetur adipiscing 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
DESCRIPTION DU LIEN ... Lorem ipsum dolor sit amet, consectetur adipiscing 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
âge ; groupe
prénom nom
âge ; groupe
DESCRIPTION DU LIEN... Lorem ipsum dolor sit amet, consectetur adipiscing 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
DESCRIPTION DU LIEN ... Lorem ipsum dolor sit amet, consectetur adipiscing 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
âge ; groupe
MessageSujet: Re: MODÈLE TYPE DE FICHE
MODÈLE TYPE DE FICHE
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» LE MODÈLE ▬ Une fiche d'identité, c'est organisé
» Fiche-type de demande de rp
» Fiche type de personnage
» « Fiche Type de Présentation
» Fiche Type :

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: PARTIE CRÉATIVE :: LE BAZAR INTIME :: VIE PRIVÉE & VIE PUBLIQUE-
Sauter vers: