Une image en 100x100 :
Une image en 150*80 :
Messages :
487
Coquillages :
3700
Date d'inscription :
06/04/2018
Métier :
Grand décideur et capitaine du Wreck
Une icone carrée :
Badges :
badge_32;
Une image en 100x100 :
Une image en 150*80 :
Messages :
487
Coquillages :
3700
Date d'inscription :
06/04/2018
Métier :
Grand décideur et capitaine du Wreck
Une icone carrée :
Badges :
badge_32;
Une image en 100x100 :
Une image en 150*80 :
Messages :
487
Coquillages :
3700
Date d'inscription :
06/04/2018
Métier :
Grand décideur et capitaine du Wreck
Une icone carrée :
Badges :
badge_32;
Une image en 100x100 :
Une image en 150*80 :
Messages :
487
Coquillages :
3700
Date d'inscription :
06/04/2018
Métier :
Grand décideur et capitaine du Wreck
Une icone carrée :
Badges :
badge_32;
Journal de bord
Modèle facultatif
Explications
Nous mettons dès à présent à ta disposition un modèle de fiche de relation avec une liste des rps (en onglets) ! Tu peux l'admirer juste en-dessous de ce post
Bien entendu, ce code a été réalisé par Lenorian pour The Holiday Scam, toute reproduction ou utilisation est interdite en dehors du forum. En revanche, sens-toi libre de le personnaliser comme tu le sens ici ! Si jamais tu souhaites une version perso de ce code, tu peux aussi faire une demande de codage, Leno ou un membre talentueux de THS viendra y répondre sans aucun doute
Les icones utilisées dans le code pour la liste des liens recherchés viennent de chez cappuccicons. Il y a un tuto en anglais pour les utiliser mais si jamais tu galères trop, mpotte @Lenorian
Voici les codes de cette fiche :
Natifs │ Présentation / recherches / rps
Code:
<!---- DÉBUT DE LA FICHE ----><div class="ths-rs natifs"><!----
BLOC DU HAUT
----><div class="rs-head"><!---- UNE IMAGE CARREE MINIMUM 100X100px ----><img src="URL DE TON IMAGE"/><div><span>Prénom <b>Nom</b></span>Une citation</div></div><!----
BLOC DE PRÉSENTATION (A GAUCHE)
----><div class="about"><div><ttl><b>A propos</b></ttl><txt><span><b>Origine</b>écrire ici</span><span><b>Âge</b>écrire ici</span><span><b>Métier</b>écrire ici</span><span><b>Sexualité</b>écrire ici</span><span><b>Localisation</b>écrire ici</span>
+ un petit topo sur ton personnage histoire qu'on sache de qui il s'agit plus en détail !</txt></div><!---- UNE IMAGE MINIMUM 150X300px (un avatar passera très bien grâce au redimensionnement) ----><img src="URL DE TON IMAGE"/></div><!----
PARTIE RECHERCHE DE LIENS
----><div class="rs-title">Liens recherchés</div><!---- DÉBUT DU BLOC DE RECHERCHE ----><div class="rs-search"><!---- DÉBUT LIEN RECHERCHE ----><div><span class="th th-crab"></span><txt><b>Présentation du lien</b>Description du lien</txt></div><!---- FIN LIEN RECHERCHE ----></div><!----
PARTIE LISTE DES RPS
----><div class="rs-rps"><div class="title"><ttl><b>RPS</b></ttl></div><!---- DÉBUT INPUT ONGLETS (NE PAS TOUCHER) ----><div class="rs-tabs"><input type="radio" id="encours" value="1" name="tractor" checked='checked'/><input type="radio" id="termines" value="2" name="tractor"/><input type="radio" id="abandons" value="3" name="tractor"/><!---- DÉBUT INPUT ONGLETS ----><!----
BLOC EN COURS"
----><div id="tabcontent" class="encours"><!---- DÉBUT RP ----><a href="URL DU RP"><div class="rp-lk"><span>Titre du rp</span>Avec Quelqu'un</div></a><!---- FIN RP ----></div><!----
BLOC TERMINES"
----><div id="tabcontent" class="termines"><!---- DÉBUT RP ----><a href="URL DU RP"><div class="rp-lk"><span>Titre du rp</span>Avec Quelqu'un</div></a><!---- FIN RP ----></div><!----
BLOC ABANDONNES"
----><div id="tabcontent" class="abandons"><!---- DÉBUT RP ----><a href="URL DU RP"><div class="rp-lk"><span>Titre du rp</span>Avec Quelqu'un</div></a><!---- FIN RP ----></div><!----
PARTIE SELECTION ONGLET + IMAGE (A DROITE)
----><div class="tabs-right"><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/><div class="tab"><label for="encours">En cours</label><label for="termines">Terminés</label><label for="abandons">Abandonnés</label></div></div></div></div></div>Natifs │ Liste des liens
Code:
<!---- DÉBUT DE LA FICHE DE LIENS ----><div class="ths-rs natifs"><!----
TYPES DE LIENS
----><div class="rs-title">Type de liens</div><!----
DÉBUT DE LA LISTE DES LIENS
----><!---- DÉBUT LIEN ----><div class="lien-natif"><div><name>Prénom Nom <b>Nature du lien</b></name><p>Description de la relation.</p></div><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/></div><!---- FIN LIEN ----><!---- DÉBUT LIEN ----><div class="lien-natif"><div><name>Prénom Nom <b>Nature du lien</b></name><p>Description de la relation.</p></div><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/></div><!---- FIN LIEN ----></div>Voyageurs│ Présentation / recherches / rps
Code:
<!---- DÉBUT DE LA FICHE ----><div class="ths-rs voyageurs"><!----
BLOC DU HAUT
----><div class="rs-head"><!---- UNE IMAGE CARREE MINIMUM 100X100px ----><img src="URL DE TON IMAGE"/><div><span>Prénom <b>Nom</b></span>Une citation</div></div><!----
BLOC DE PRÉSENTATION (A GAUCHE)
----><div class="about"><div><ttl><b>A propos</b></ttl><txt><span><b>Origine</b>écrire ici</span><span><b>Âge</b>écrire ici</span><span><b>Métier</b>écrire ici</span><span><b>Sexualité</b>écrire ici</span><span><b>Localisation</b>écrire ici</span>
+ un petit topo sur ton personnage histoire qu'on sache de qui il s'agit plus en détail !</txt></div><!---- UNE IMAGE MINIMUM 150X300px (un avatar passera très bien grâce au redimensionnement) ----><img src="URL DE TON IMAGE"/></div><!----
PARTIE RECHERCHE DE LIENS
----><div class="rs-title">Liens recherchés</div><!---- DÉBUT DU BLOC DE RECHERCHE ----><div class="rs-search"><!---- DÉBUT LIEN RECHERCHE ----><div><span class="th th-crab"></span><txt><b>Présentation du lien</b>Description du lien</txt></div><!---- FIN LIEN RECHERCHE ----></div><!----
PARTIE LISTE DES RPS
----><div class="rs-rps"><div class="title"><ttl><b>RPS</b></ttl></div><!---- DÉBUT INPUT ONGLETS (NE PAS TOUCHER) ----><div class="rs-tabs"><input type="radio" id="encours" value="1" name="tractor" checked='checked'/><input type="radio" id="termines" value="2" name="tractor"/><input type="radio" id="abandons" value="3" name="tractor"/><!---- DÉBUT INPUT ONGLETS ----><!----
BLOC EN COURS"
----><div id="tabcontent" class="encours"><!---- DÉBUT RP ----><a href="URL DU RP"><div class="rp-lk"><span>Titre du rp</span>Avec Quelqu'un</div></a><!---- FIN RP ----></div><!----
BLOC TERMINES"
----><div id="tabcontent" class="termines"><!---- DÉBUT RP ----><a href="URL DU RP"><div class="rp-lk"><span>Titre du rp</span>Avec Quelqu'un</div></a><!---- FIN RP ----></div><!----
BLOC ABANDONNES"
----><div id="tabcontent" class="abandons"><!---- DÉBUT RP ----><a href="URL DU RP"><div class="rp-lk"><span>Titre du rp</span>Avec Quelqu'un</div></a><!---- FIN RP ----></div><!----
PARTIE SELECTION ONGLET + IMAGE (A DROITE)
----><div class="tabs-right"><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/><div class="tab"><label for="encours">En cours</label><label for="termines">Terminés</label><label for="abandons">Abandonnés</label></div></div></div></div></div>Voyageurs │ Liste des liens
Code:
<!---- DÉBUT DE LA FICHE DE LIENS ----><div class="ths-rs voyageurs"><!----
TYPES DE LIENS
----><div class="rs-title">Type de liens</div><!----
DÉBUT DE LA LISTE DES LIENS
----><!---- DÉBUT LIEN ----><div class="lien-voyageur"><div><name>Prénom Nom <b>Nature du lien</b></name><p>Description de la relation.</p></div><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/></div><!---- FIN LIEN ----><!---- DÉBUT LIEN ----><div class="lien-voyageur"><div><name>Prénom Nom <b>Nature du lien</b></name><p>Description de la relation.</p></div><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/></div><!---- FIN LIEN ----></div>Pour un lien avec un natif
Code:
<!---- DÉBUT LIEN ----><div class="lien-natif"><div><name>Prénom Nom <b>Nature du lien</b></name><p>Description de la relation.</p></div><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/></div><!---- FIN LIEN ---->Pour un lien avec un voyageur
Code:
<!---- DÉBUT LIEN ----><div class="lien-voyageur"><div><name>Prénom Nom <b>Nature du lien</b></name><p>Description de la relation.</p></div><!---- UNE IMAGE CARRÉE MINIMUM 150X150px ----><img src="URL DE TON IMAGE"/></div><!---- FIN LIEN ---->Ces deux derniers codes sont compatibles avec les deux versions du code ! En cas de souci avec le code, n'hésite pas à contacter Leno par mp
