::Expliquer vos relations et liens::

Bonjour à tous!

Pourquoi faire une fiche de relation? C'est très simple, ça permettra aux autres membres de connaitre vos affiliations et relations avec les autres persos. Ainsi, si vos perso ont un(e) petit(e) copains/copine, des meilleur(e)s ami(e)s, de la famille etc. les membres pourront le connaitre.

Une fiche de liens, permet d'avoir de manière rapide et simple un résumé sur l'entourage de votre perso.

/!\ Attention, pas de flood dans vos fiches! Les fiches sont là pour donner des informations, pas pour discuter ou pour commenter. Ainsi, je prierais les membres de ne pas poster sur d'autre fiche que les votres ^^ cette section n'est là que pour renseigner, et non pour discuter. Le staff se donne le droit de supprimer les messages non appropriés, merci de votre compréhension.

Une fiches par personnage! Vous pouvez l'éditer ou rajouter des messages autant que vous voulez dans votre section.

Voici une fiche type de relation, utilisez la si vous le souhaitez ! Plus bas, une explication pour les modifications à faire pour personnaliser la fiche type :

Code:

<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_TANG.css" rel="stylesheet" type="text/css"><div id="FTANG"><div class="FTANG"><!-- IMAGE & AJECTIFS --><div class="whoFTANG"><!-- IMAGE 150*240 --><div class="imgFTANG"><img src="https://i11.servimg.com/u/f11/18/03/93/05/image10.jpg" /></div><!-- LISTE D'ADJECTIFS --><div class="adjFTANG" style="background:#b8c1c8;"><!-- CONTENU --><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span></div></div><!-- NOM PRENOM --><div class="npFTANG" style="background:#cad4db; color:#fefafc;">NOM Prénom</div><!-- INFORMATIONS PERSONNAGE --><div class="fosFTANG" style="background:#ebebeb; color:black;">Âge - Occupation  - Nationalité</div><!-- HISTOIRE --><div class="storyFTANG" style="background:#f4f4f4; color:black;"><!-- CONTENU --><p>RESUMER HISTOIRE - TEXT  TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p></div></div><!-- LIEN PRESENTATION & LIENS RECHERCHES --><div class="btmFTANG"><!-- LIEN VERS LA PRESENTATION --><a href="#LIEN" target="_blank" style="background:#f5fcfc; color:grey;">Fiche de présentation</a><!-- LIENS RECHERCHES --><div class="searchFTANG" style="background:#cad4db; color:#f5fcfc;"><span>Liens recherchés</span><!-- CONTENU --><div style="background:#b8c1c8; color:black;"><b>▬ lien recherché :</b> description<br/><b>▬ lien recherché :</b> description<br/><b>▬ lien recherché :</b> description</div></div></div></div>


<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_TANG.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES --><div id="TANG"><!-- LIEN I --><div class="lksTANG"><!-- IMAGE & LISTE RP --><div class="fosTANG"><!-- IMAGE 100*160 --><div class="imgTANG"><img src="https://i11.servimg.com/u/f11/18/03/93/05/images10.jpg" /></div><!-- LISTE RP --><div class="rpTANG" style="background:#b8c1c8;"><!-- CONTENU --><a href="#LIEN" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="#LIEN" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div><!-- NOM PRENOM(S) --><div class="npTANG" style="background:#cad4db; color:#f5fcfc;">NOM Prénom</div><!-- RELATION --><div class="rlTANG" style="background:#ebebeb; color:black;">Âge - Occupation - Relation</div><!-- DESCRIPTION --><div class="descTANG" style="background:#f4f4f4; color:black;"><!-- CONTENU --><p>Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description.</p></div></div>

<!-- LIEN II --><div class="lksTANG"><!-- IMAGE & LISTE RP --><div class="fosTANG"><!-- IMAGE 100*160 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><div class="imgTANG"><img src="https://i11.servimg.com/u/f11/18/03/93/05/images10.jpg" /></div><!-- LISTE RP --><div class="rpTANG" style="background:#b8c1c8;"><!-- CONTENU --><a href="#LIEN" target="_blank" style="background:white; color:grey;">titre du rp</a><a href="#LIEN" target="_blank" style="background:white; color:grey;">titre du rp</a></div></div><!-- NOM PRENOM(S) --><div class="npTANG" style="background:#cad4db; color:#f5fcfc;">NOM Prénom</div><!-- RELATION --><div class="rlTANG" style="background:#ebebeb; color:black;">Âge - Occupation - Relation</div><!-- DESCRIPTION --><div class="descTANG" style="background:#f4f4f4; color:black;"><!-- CONTENU --><p>Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description..</p></div></div></div>

Visuel de la fiche:

***

:: Explications - Fiche type ::

Vous êtes perdu avec les codes ? Je vais essayé de vous aider un peu en vous montrant quoi modifier dans la fiche type pour la personnaliser pour vos personnages.

Tout d'abord, il faut savoir que des annotations ont étés placées tout au long du code pour vous aider, mais parfois ça peut encore plus vous perdre ahah. Les mots à modifier ne sont donc pas les annotations dans la balises >!- -  mais les mots n'étant pas dans les balises (si vous me suivez toujours). Les annotations HTML sont écrit comme ceci :

Code:

<!-- INFORMATION -->

PREMIÈRE PARTIE

1. Pour commencer, il faut personnaliser l'avatar sur la fiche. L'image de votre vava doit faire 150px sur 240px. Pour le faire il faut rechercher la ligne ci-dessous au début du code pour remplacer le lien de l'image par la votre :  

Code:

<div class="imgFTANG"><img src="https://i11.servimg.com/u/f11/18/03/93/05/image10.jpg" />

2. Il faut savoir qu'au survol de l'image avatar, des adjectifs qualifiants votre perso sont dévoilés. Pour personnalisé chercher ce bout de code et changer les adjectifs :

Code:

<span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span><span style="background:white; color:grey;">adjectif</span>

3. En dessous, il faut changer le titre, donc le NOM et PRÉNOM de votre perso, pour le faire, rechercher ce bout de code :

Code:

<div class="npFTANG" style="background:#cad4db; color:#fefafc;">NOM Prénom</div>

4. Ensuite il faut écrire un résumer de l'histoire de votre perso. Pour le faire, remplacer la partie entre la balise < p > :

Code:

<!-- CONTENU --> <p> RESUMER HISTOIRE - TEXT  TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </p> </div>

5. Changer ensuite le lien menant à la fiche présentation de votre perso. Pour ce faire, changer la partie #LIEN par le lien de la fiche :

Code:

<!-- LIEN VERS LA PRESENTATION --><a href="#LIEN" target="_blank" style="background:#f5fcfc; color:grey;">Fiche de présentation</a>

6. Juste après il y a les liens rechercher à changer, qui apparaissent au survol. Je vous laisse décrire les liens recherchés.

Code:

<b>▬ lien recherché :</b> description<br/><b>▬ lien recherché :</b> description<br/><b>▬ lien recherché :</b> description<br/>

Il y en a de bases 3, si vous en voulez plus, il suffit de copier coller cette partie et la mettre juste après le <   br  /  >

Code:

<b>▬ lien recherché :</b> description<br/>

DEUXIÈME PARTIE

7. A remplacer le lien de l'image de vos affiliates qui font 100px sur 160px

Code:

<div class="imgTANG"><img src="https://i11.servimg.com/u/f11/18/03/93/05/images10.jpg" /></div>

8. Au survol de l'image, une liste de Rps apparait. Pour changer le lien il faut changer #LIEN, et ensuite il faut changer le titre du Rp.

Code:

<!-- LISTE RP --><div class="rpTANG" style="background:#b8c1c8;"><!-- CONTENU --><a href="#LIEN" target="_blank" style="background:white; color:grey;">titre du rp</a>

9. Changer ensuite le NOM et PRÉNOM, L'AGE, le GROUPE et la RELATION

Code:

<div class="npTANG" style="background:#cad4db; color:#f5fcfc;">NOM Prénom</div><!-- RELATION --><div class="rlTANG" style="background:#ebebeb; color:black;">Âge - Groupe - Relation</div>

10. Et puis en dernier lieu la description des relations :

Code:

<p>Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description. Description.</p>

11. Pour terminer, si vous voulez plus que deux relations, il vous suffit de recopier et coller tout le paragraphe pour le personnaliser à votre convenance.