Modèle-type

Dim 6 Sep - 19:29

Voici le code proposé par Ellie Williams pour les fiches de liens. Vous pouvez, ou non, l'utiliser à votre gré, voire même faire des modifications si l'envie vous en prend. Ne déformez pas le forum, c'est tout ce qu'on vous demande.

La fiche de liens sert à créer des relations entre les différences personnages joueurs et non-joueurs ; cela peut être un ami, un ennemi, un père, un fils... Cette partie sert donc à demander ou à proposer des relations avec les autres joueurs, une sorte de canal de discussion privé qui ne concerne que ça.

Cette extension de fiche de personnage se met à la suite de votre... eh bien, fiche de personnage. Qui est aussi votre fiche de création de personnage, si vous avez tout suivi. Amusez-vous à peaufiner cette dernière le plus possible !

La fiche de liens en question :

Relations

Prénom NOM

Relation

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Prénom NOM

Relation

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Prénom NOM

Relation

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Prénom NOM

Relation

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Code:: <div class="titre_ficheperso">Relations</div>
<div style="margin-left: 5px;">

<div class="f-ava1"><a href="#lien1"><img src="http://i21.servimg.com/u/f21/19/31/07/77/sans_t10.jpg" alt="avatar" /></a></div>
<div class="f-ava2"><a href="#lien2"><img src="http://i21.servimg.com/u/f21/19/31/07/77/sans_t10.jpg" alt="avatar" /></a></div>
<div class="f-ava3"><a href="#lien3"><img src="http://i21.servimg.com/u/f21/19/31/07/77/sans_t10.jpg" alt="avatar" /></a></div>
<div class="f-ava4"><a href="#lien4"><img src="http://i21.servimg.com/u/f21/19/31/07/77/sans_t10.jpg" alt="avatar" /></a></div>

<br /><a name="lien1"></a><div class="f-illuminati"><div class="f-tri-g"><div class="f-tri-illuminati" style="margin-left: -20px"></div>
</div><div class="f-nom-rela" style="margin-left: 90px;">Prénom NOM</div>
<div class="f-relation"style="margin-left: 150px;">Relation</div>
<div class="f-desc" style="margin-left: 130px;">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div><br /></div>

<br /><a name="lien2"></a><div class="f-templier"><div class="f-tri-g"><div class="f-tri-templier" style="margin-left: -20px"></div>
</div><div class="f-nom-rela" style="margin-left: 90px;">Prénom NOM</div>
<div class="f-relation"style="margin-left: 150px;">Relation</div>
<div class="f-desc" style="margin-left: 130px;">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div><br /></div>

<br /><a name="lien3"></a><div class="f-dragon"><div class="f-tri-g"><div class="f-tri-dragon" style="margin-left: -20px"></div>
</div><div class="f-nom-rela" style="margin-left: 90px;">Prénom NOM</div>
<div class="f-relation"style="margin-left: 150px;">Relation</div>
<div class="f-desc" style="margin-left: 130px;">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div><br /></div>

<br /><a name="lien4"></a><div class="f-neutre"><div class="f-tri-g"><div class="f-tri-neutre" style="margin-left: -20px"></div>
</div><div class="f-nom-rela" style="margin-left: 90px;">Prénom NOM</div>
<div class="f-relation"style="margin-left: 150px;">Relation</div>
<div class="f-desc" style="margin-left: 130px;">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </div><br /></div>

P.S. : Il suffit de changer les mots « neutre » à l'intérieur des div - dans l'HTML du code - par "illuminati", "templier" ou "dragon" selon la faction de la personne concernée par la relation.

Les avatars contenus dans les ronds noirs sont de taille 120*120.

» Modèle de fiche