Je vous propose ici une petite fiche de relations RPs aux tons plutôt clairs et aussi complète que possible !
Voici les aperçus :
Code corps de la fiche
Code relations
Voici les aperçus :
- Aperçu informations personnage
- Aperçu relations
- Aperçu global
- Code:
<center><link href="https://fonts.googleapis.com/css?family=Lobster|Open+Sans+Condensed:300|Syncopate" rel="stylesheet">
<div style="background-image: url('https://68.media.tumblr.com/7f6b779d618ec6d158eb85cf606b3f51/tumblr_p4hwj2Kidr1s53nqyo1_1280.png');#f6f2fa;width: 600px;height:800px;border-right: 2px solid #b88c9e;border-left: 2px solid #b88c9e;border-top: 4px solid #c8e1e2;border-bottom: 4px solid #c8e1e2;">
<img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:220px;height:auto;padding:3px;" /><img src= "https://78.media.tumblr.com/154c8e2eabb65c5b7b50cff2dd6f2e15/tumblr_ovlbljYuQn1utactko9_r4_400.gif" style="width:220px;height:auto;padding:3px;" /><div style="font-family: 'Lobster', cursive;letter-spacing:3px;font-size:40px;color:#e2c8e2; #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;"> Nom + prénom </div>
<div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:12px;">une citation qui claque</div>
<center><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:550px;overflow:auto;font-family:arial;text-size:11px;padding:5px;"><strong> ✩ Nom :</strong> xxx <strong>✩ Prénom :</strong> xxx <strong>✩ Date & Lieu de naissance :</strong> xxx <strong>✩ Âge :</strong> xxx <strong>✩ Nationalité :</strong> xxx <strong>✩ Origines :</strong> xxx <strong>✩ Orientation sexuelle :</strong> xxx <strong>✩ Statut civil :</strong> xxx <strong>✩ Statut social :</strong> xxx <strong>✩ Profession | Études :</strong> xxx <strong>✩ Groupe </strong> xxx </div></center>
<img src= "https://78.media.tumblr.com/104735d9fd180b08c600ccce797d21e7/tumblr_oxax57bbkx1vfhewmo1_250.png" style="width:180px;height:auto;border-right: 5px solid #ffffff;border-left: 5px solid #ffffff;border-top: 4px solid #ffffff;border-bottom: 4px solid #ffffff;float:left;margin-left: 20px;" /><div style="font-family: 'Lobster';font-size:20px;color:#19284C"> Anecdotes </div><div style="background-color:#FFFFFF;width:350px;height:300px;text-align:justify;float:right;margin-right:20px;overflow:auto;"><blockquote> Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮ Une anecdote ✮
</div>
<div style="font-family: 'Lobster';font-size:20px;color:#19284C"> Liens recherchés. </div><div style="background-color:#FFFFFF;height:70px;float:center;text-align:justify;width:550px;overflow:auto;font-family:arial;text-size:11px;padding:5px;margin-top:10px;"> <strong>(M/F) — Nom du lien. </strong> Description du lien... </div>
</div><div style="font-family: 'Arial', sans-serif;letter-spacing:3px;font-size:8px;">© bieipy</div>
</center>
- Code:
<center><div style="font-family: 'Lobster', cursive;letter-spacing:3px;font-size:40px;color:#e2c8e2;">Boys</div><div style="background-image: url('https://68.media.tumblr.com/7f6b779d618ec6d158eb85cf606b3f51/tumblr_p4hwj2Kidr1s53nqyo1_1280.png');#f6f2fa;width: 600px;height:400px;border-right: 2px solid #b88c9e;border-left: 2px solid #b88c9e;border-top: 4px solid #c8e1e2;border-bottom: 4px solid #c8e1e2;">
<img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:150px;height:auto;float:left;margin-left:9px;padding:5px;border: 3px solid white;border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;" /><div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:16px;">Nom + prénom</div><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:370px;padding:10px;margin-right:9px;overflow:auto;font-family:arial;text-size:11px;float:right;">Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte </div>
<img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:150px;height:auto;float:right;margin-right:9px;padding:5px;border: 3px solid white;border-top-right-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;" /><br><div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:16px;">Nom + prénom</div><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:370px;padding:10px;margin-left:9px;overflow:auto;font-family:arial;text-size:11px;float:left;">Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte </div></br>
<img src= "https://78.media.tumblr.com/7b7ef037710b362bcae87c636553b4e1/tumblr_ovgjf2vmSj1utactko1_r2_400.gif" style="width:150px;height:auto;float:left;margin-left:9px;padding:5px;border: 3px solid white;border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;" /><div style="font-family: 'Open Sans Condensed', sans-serif;letter-spacing:3px;font-size:16px;">Nom + prénom</div><div style="background-color:#FFFFFF;height:70px;text-align:justify;width:370px;padding:10px;margin-right:9px;overflow:auto;font-family:arial;text-size:11px;float:right;">Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte Beaucoup de texte </div>
</div><div style="font-family: 'Arial', sans-serif;letter-spacing:3px;font-size:8px;">© bieipy</div></center>
et merci pour le partage ! 
