Codage fiche rp & liens

Messages : 10453

Voilà la fiche officielle pour vos liste de RP. Evidemment, vous n'êtes pas forcé de la prendre, vous pouvez toujours en prendre une autre !
Attention, un code ne va pas sans l'autre ! Pensez bien à les placer dans l'ordre

Nom du personnagePetite citation

Âge • Sexe • Possibles autres infos
Liens familiaux

Principaux traits de caractère ▬ Encore ▬ Encore ▬ Et encore

Histoires en écriture (0/0)

• [url=lien du rp]Titre du rp[/url] ─ avec personnage
• [url=lien du rp]Titre du rp[/url] ─ avec personnage
• [url=lien du rp]Titre du rp[/url] ─ avec personnage

Histoires achevées

Ici

Histoires abandonnées

Ici

Et voici le code ;

Code:: <style>.titrerps {color:black;background-color:white;font-family: 'Roboto Slab', serif;text-transform:uppercase;width:500px;text-align:center;padding:5px;border:1px solid #ddd;margin-bottom:5px;font-size:20px;font-weight:bold;transition:2s;} .titrerps:hover {letter-spacing:6px;} .exordium {font-family:arial;font-size:8px;color:#aaa;width:500px;background-color:white;text-align:center;margin-top:5px;padding:5px;border:1px solid #ddd;text-transform:uppercase;letter-spacing:2px;} .colonnerp {display:inline-block;vertical-align:top;width:153px;height:140px;background-color:white;border:1px solid #ddd;overflow:auto;padding:5px;text-align:justify;font-family:arial;font-size:11px;line-height:12px;color:#999;} .titrecolonne {font-family: 'Roboto Slab', serif;text-transform:uppercase;font-size:12px;line-height:12px;font-weight:bold;color:black;}.tourfiche {width:500px;padding:5px;border:1px solid #ddd;background-color:white;} .imagefiche {width:500px;height:250px;background-position:center center;background-size:cover;opacity:1;position:relative;overflow:hidden;} .imagefiche>span {display:block;width:300px;height:20px;text-align:center;font-family: 'Roboto Slab', serif;text-transform:uppercase;line-height:20px;position:absolute;} .nomprenompres {background-color:white;color:black;top:100px;left:100px;font-size:12px;font-weight:bold;letter-spacing:3px;transition:2s;} .citationfichepres {top:125px;left:100px;color:white;font-size:12px;letter-spacing:5px;text-shadow: 1px 1px 1px #000;transition:2s;} .imagefiche:hover>.nomprenompres {left:-500px;} .imagefiche:hover>.citationfichepres {left:600px;} .presentationperso {width:200px;background-color:white;position:absolute;right:-300px;top:17px;height:215px;transition:2s;line-height:15px;} .itemfiche {border-bottom:1px solid black;padding:5px;} .titreitem {font-family: 'Roboto Slab', serif;text-transform:uppercase;color:black;font-size:12px;font-weight:bold;letter-spacing:2px;} .texteitem {font-family:arial;font-size:12px;color:#999;} .imagefiche:hover>.presentationperso {right:15px;} .biografiche {width:490px;background-color:black;padding:10px;border:1px solid #ddd;font-family:arial;text-align:justify;color:#999;font-size:11px;line-height:12px;margin-top:5px;} .lookfor, .toknow {display:inline-block;height:180px;border:1px solid #ddd;vertical-align:top;margin-top:5px;padding:10px;} .lookfor {width:360px;background-color:white;overflow:auto;text-align:justify;color:#999;font-size:11px;line-height:12px;font-family:arial;} .lookfor>.titreitem {display:block;margin-bottom:2px;} .toknow {width:113px;margin-left:5px;padding:5px;height:190px;background-color:white;} .knowimage {width:113px;height:190px;background-position:center center;background-size:cover;position:relative;} .texteknow {width:103px;height:180px;background-color:white;overflow:auto;position:absolute;top:5px;left:5px;text-align:justify;font-family:arial;font-size:11px;line-height:12px;color:#999;opacity:0;transition:1s;} .knowimage:hover>.texteknow {opacity:0.8;} .exordium {font-family:arial;font-size:8px;color:#aaa;width:500px;text-align:center;margin-top:5px;padding:5px;border:1px solid #ddd;text-transform:uppercase;letter-spacing:2px;background-color:white;}</style>
<div class="tourfiche"><div class="imagefiche" style="background-image:url(https://i.servimg.com/u/f21/15/00/62/12/liens10.jpg);"><span class="nomprenompres">Nom du personnage</span><span class="citationfichepres">Petite citation</span></div></div><div class="biografiche"><center>[color=#ffffff]Âge • Sexe • Possibles autres infos
Liens familiaux</center>

Principaux traits de caractère ▬ Encore ▬ Encore ▬ Et encore[/color]
</div>
<div class="titrerps">Histoires en écriture (0/0)</div><div class="biografiche">• [url=lien du rp][i]Titre du rp[/i][/url] ─ [b][color=#ffffff]avec personnage[/color][/b]
• [url=lien du rp][i]Titre du rp[/i][/url] ─ [b][color=#ffffff]avec personnage[/color][/b]
• [url=lien du rp][i]Titre du rp[/i][/url] ─ [b][color=#ffffff]avec personnage[/color][/b]</div>
<div class="titrerps">Histoires achevées</div><div class="biografiche">Ici</div>
<div class="titrerps">Histoires abandonnées</div><div class="biografiche">Ici</div>

Et la fiche pour les liens. C'est exactement pareil que pour la fiche rp, vous pouvez prendre celle là comme une autre !

Liens positifs

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

Liens neutres

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

Liens négatifs

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

• Prénom
Nature du lien ─ DESCRIPTION DU LIEN

Et le code ;

Code:: <div class="titrerps">Liens positifs</div><div class="biografiche">[color=#ffffff]• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN

• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN

• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN
[/color]</div>
<div class="titrerps">Liens neutres</div><div class="biografiche">[color=#ffffff]• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN

• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN

• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN
[/color]</div>
<div class="titrerps">Liens négatifs</div><div class="biografiche">[color=#ffffff]• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN

• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN

• [b]Prénom[/b]
[i]Nature du lien[/i] ─ DESCRIPTION DU LIEN
[/color]</div>