RS ღ modèle disponible
Voir le sujet précédent Voir le sujet suivant Aller en bas 
La Pythie
avatar
Voir le profil de l'utilisateur http://imitheos.forumactif.org
Date d'inscription : 04/09/2016
Messages : 93
Drachmes : 201
La Pythie
La Pythie
Sam 15 Avr - 18:00
RS - Modèle


Trouver des amis (ou des ennemis, ou des frangins, ou même des jardiniers, si si) c'est pratique parfois. Mais si tu ne sais pas coder tes propres fiches de liens, pas de panique ! À la suite de ce post, tu trouveras le modèle optionnel de RS assortie au forum que nous avons codée spécialement pour ça !

Allez, sers toi, n'hésite pas !
(PS : merci de ne pas utiliser cette fiche en dehors d'Imítheos ♥ )
Revenir en haut Aller en bas
La Pythie
avatar
Voir le profil de l'utilisateur http://imitheos.forumactif.org
Date d'inscription : 04/09/2016
Messages : 93
Drachmes : 201
La Pythie
La Pythie
Ven 12 Mai - 18:19
Modèle et codes



▬ Présentation générale


Prénom P. Nom
« citation »
NOM COMPLET // écrire ici
SURNOM(S) // écrire ici
AGE // écrire ici
ASCENDANCE // écrire ici
NATIONALITE // écrire ici
METIER/ETUDES // écrire ici
ORIENTATION // écrire ici

blablabla





Wanted


Type de lien ღ Description du lien
Type de lien ღ Description du lien
Type de lien ღ Description du lien


Code:
<div class="RS_cadre"><div class="prez_imghaut"/><!--
--><div class="prez_tt"><span>Prénom P. Nom</span>
« citation »</div><div class="prez_iconehaut"><img src="http://via.placeholder.com/100x100"></div></div><!--
--><table cellpadding="5"><tr><td><!--
--><div class="RS_bloc1"><b>NOM COMPLET //</b> écrire ici
<b>SURNOM(S) // </b>écrire ici
<b>AGE // </b>écrire ici
<b>ASCENDANCE // </b>écrire ici
<b>NATIONALITE // </b>écrire ici
<b>METIER/ETUDES // </b>écrire ici
<b>ORIENTATION // </b>écrire ici
</div>
<div class="RS_bloc2">blablabla</div>
</td><td>
<div class="RS_img-bloc"><img id ="RS_img1" src="http://via.placeholder.com/100x100"/><img id ="RS_img2" src="http://via.placeholder.com/100x100"/><img id ="RS_img3" src="http://via.placeholder.com/100x100"/><img id ="RS_img4" src="http://via.placeholder.com/100x100"/><img id ="RS_img5" src="http://via.placeholder.com/100x100"/><img id ="RS_img6" src="http://via.placeholder.com/100x100"/></div>
</td></tr></table>

<img class="prez_imghaut" src="https://i.imgur.com/WxiPNa5.png"/><!--
--><div class="RS_bloc3">
<div class="RS_tt">Wanted</div>
<div class="RS_liens">
<span>Type de lien ღ</span> Description du lien
<span>Type de lien ღ</span> Description du lien
<span>Type de lien ღ</span> Description du lien
</div></div></div>


▬ Cadres de liens


Famille de lien


Prénom P. Nom ღ Type de lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam leo quis nibh scelerisque, et convallis metus tincidunt. Pellentesque aliquam commodo ipsum, eu interdum nunc posuere quis. Pellentesque dignissim pulvinar commodo. Curabitur nec viverra orci. Nunc sit amet metus quis eros euismod auctor et vel libero. Vestibulum pharetra, arcu id blandit rhoncus, nisl eros mollis felis, quis tempus leo turpis sed nulla. Sed et nunc sed eros ornare varius sit amet vel urna. Phasellus finibus et metus vel mattis.

Prénom P. Nom ღ Type de lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam leo quis nibh scelerisque, et convallis metus tincidunt. Pellentesque aliquam commodo ipsum, eu interdum nunc posuere quis. Pellentesque dignissim pulvinar commodo. Curabitur nec viverra orci. Nunc sit amet metus quis eros euismod auctor et vel libero. Vestibulum pharetra, arcu id blandit rhoncus, nisl eros mollis felis, quis tempus leo turpis sed nulla. Sed et nunc sed eros ornare varius sit amet vel urna. Phasellus finibus et metus vel mattis.

Prénom P. Nom ღ Type de lien
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam leo quis nibh scelerisque, et convallis metus tincidunt. Pellentesque aliquam commodo ipsum, eu interdum nunc posuere quis. Pellentesque dignissim pulvinar commodo. Curabitur nec viverra orci. Nunc sit amet metus quis eros euismod auctor et vel libero. Vestibulum pharetra, arcu id blandit rhoncus, nisl eros mollis felis, quis tempus leo turpis sed nulla. Sed et nunc sed eros ornare varius sit amet vel urna. Phasellus finibus et metus vel mattis.


Code:
<div class="RS_cadre"><div class="prez_imghaut"><!--
--><div class="prez_tt"><span>Famille de lien</span></div></div>

<table class="liens_cadre"><tr><td width="100"><img src="URL DE L'IMAGE" class="liens_img" /></td><!--
--><td><div class="liens_tt"><ab>Prénom P. Nom ღ</ab> <span>Type de lien</span></div><!--
--><div class="liens_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam leo quis nibh scelerisque, et convallis metus tincidunt. Pellentesque aliquam commodo ipsum, eu interdum nunc posuere quis. Pellentesque dignissim pulvinar commodo. Curabitur nec viverra orci. Nunc sit amet metus quis eros euismod auctor et vel libero. Vestibulum pharetra, arcu id blandit rhoncus, nisl eros mollis felis, quis tempus leo turpis sed nulla. Sed et nunc sed eros ornare varius sit amet vel urna. Phasellus finibus et metus vel mattis.</div></td></tr></table>

<table class="liens_cadre"><tr><td width="100"><img src="URL DE L'IMAGE" class="liens_img" /></td><!--
--><td><div class="liens_tt"><ab>Prénom P. Nom ღ</ab> <span>Type de lien</span></div><!--
--><div class="liens_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam leo quis nibh scelerisque, et convallis metus tincidunt. Pellentesque aliquam commodo ipsum, eu interdum nunc posuere quis. Pellentesque dignissim pulvinar commodo. Curabitur nec viverra orci. Nunc sit amet metus quis eros euismod auctor et vel libero. Vestibulum pharetra, arcu id blandit rhoncus, nisl eros mollis felis, quis tempus leo turpis sed nulla. Sed et nunc sed eros ornare varius sit amet vel urna. Phasellus finibus et metus vel mattis.</div></td></tr></table>

<table class="liens_cadre"><tr><td width="100"><img src="URL DE L'IMAGE" class="liens_img" /></td><!--
--><td><div class="liens_tt"><ab>Prénom P. Nom ღ</ab> <span>Type de lien</span></div><!--
--><div class="liens_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam leo quis nibh scelerisque, et convallis metus tincidunt. Pellentesque aliquam commodo ipsum, eu interdum nunc posuere quis. Pellentesque dignissim pulvinar commodo. Curabitur nec viverra orci. Nunc sit amet metus quis eros euismod auctor et vel libero. Vestibulum pharetra, arcu id blandit rhoncus, nisl eros mollis felis, quis tempus leo turpis sed nulla. Sed et nunc sed eros ornare varius sit amet vel urna. Phasellus finibus et metus vel mattis.</div></td></tr></table>
</div>

Pour ajouter un lien, il suffit de copier-coller ce code à la suite (avant la div fermante) :

Code:
<table class="liens_cadre"><tr><td width="100"><img src="URL DE L'IMAGE" class="liens_img" /></td><!--
--><td><div class="liens_tt"><ab>Prénom P. Nom ღ</ab> <span>Type de lien</span></div><!--
--><div class="liens_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam leo quis nibh scelerisque, et convallis metus tincidunt. Pellentesque aliquam commodo ipsum, eu interdum nunc posuere quis. Pellentesque dignissim pulvinar commodo. Curabitur nec viverra orci. Nunc sit amet metus quis eros euismod auctor et vel libero. Vestibulum pharetra, arcu id blandit rhoncus, nisl eros mollis felis, quis tempus leo turpis sed nulla. Sed et nunc sed eros ornare varius sit amet vel urna. Phasellus finibus et metus vel mattis.</div></td></tr></table>

Revenir en haut Aller en bas
Page 1 sur 1
 Sujets similaires
-
» Formulaire d'inscription (modèle unique)
» Modèle de présentation
» La page de pré-commande est disponible!!!
» J.Skinner disponible??
» Modèle de fiche de personnage ~ Pirates

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Imítheos :: Le Commencement :: Gestion du personnage :: Fiches de liens-
Sauter vers: