Mirabilis


 

Partagez | 
 

 Modèle (optionnel)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar

Messages : 74

Message

Modèle de Fiche de Liens

Veuillez d'abord prendre note que ce modèle est tout à fait facultatif. Il est seulement proposé pour ceux qui souhaiteraient l'utiliser. Il est composé d'une fiche principale et de fiches de liens.

Pour la fiche principale, il est important de bien remplir les deux sections et de ne pas dépasser l'espace attribué pour la première section (celle avant le passage de la souris).

Fiche Principale
Code:
<div class="fichelien">
<div class="avalien"><img src="http://i84.servimg.com/u/f84/18/92/90/68/ava_bm10.jpg"></img></div>
<span class= "nfl"> Prénom Prénom Nom</span>
<div style="width:250px;height:250px;float:right;margin-right:110px;margin-top:50px">
<span class="pr">Date de naissance:</span>
<span class="pr">Sang:</span>
<span class="pr">Ancienne Maison:</span>
<span class="pr">Études:</span>
<span class="pr">Profession:</span>
<span class="pr">Situation civile:</span>
<span class="pr">Principaux traits des caractères:</span> Exemple - Exemple - Exemple - Exemple - Exemple - Exemple - Exemple - Exemple - Exemple -
</div>
<span class= "nfl2"> Brève biographie</span>
<div style="width:400px;height:250px;float:right;margin-right:20px;margin-top:50px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique erat leo, quis gravida orci fermentum quis. Curabitur vel convallis quam. Ut neque lorem, lobortis quis pulvinar eget, vulputate at erat. Mauris mi ligula, sollicitudin ac est ut, volutpat vestibulum ante. Nunc pharetra et neque eu maximus. Praesent elit magna, tempus eget pellentesque sed, elementum non lectus. Aliquam nunc erat, tincidunt nec turpis vitae, interdum ultricies neque. Curabitur sagittis id enim sed sollicitudin. Suspendisse potenti. Sed auctor semper tellus id dictum. Vestibulum ultrices nunc id arcu vulputate, nec fermentum est vestibulum. Proin convallis felis mauris.
</div><img src="http://image.noelshack.com/fichiers/2016/08/1456634379-mm.gif" class="logofl"></img><div class="fichelien2">
<div class="avalien"><img src="http://i84.servimg.com/u/f84/18/92/90/68/ava_bm10.jpg"></img></div>
<span class= "nfl"> Prénom Prénom Nom</span>
<div style="width:250px;height:250px;float:right;overflow:auto;margin-right:110px;margin-top:60px"><span class="pr">Groupe:</span>
<span class="pr">Opinion sur la magie noire:</span>
<span class="pr">Opinion sur le Ministère de la Magie:</span>
</div>
<span class= "nfl2"> Liens recherchés</span>
<div style="width:400px;height:250px;float:right;overflow:auto;margin-right:20px;margin-top:50px">
[b]Nom du Lien[/b] - [i]H/F[/i]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique erat leo, quis gravida orci fermentum quis. Curabitur vel convallis quam. Ut neque lorem, lobortis quis pulvinar eget, vulputate at erat. Mauris mi ligula, sollicitudin ac est ut, volutpat vestibulum ante. Nunc pharetra et neque eu maximus. Praesent elit magna, tempus eget pellentesque sed, elementum non lectus. Aliquam nunc erat, tincidunt nec turpis vitae, interdum ultricies neque. Curabitur sagittis id enim sed sollicitudin. Suspendisse potenti.

[b]Nom du Lien[/b] - [i]H/F[/i]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique erat leo, quis gravida orci fermentum quis. Curabitur vel convallis quam. Ut neque lorem, lobortis quis pulvinar eget, vulputate at erat. Mauris mi ligula, sollicitudin ac est ut, volutpat vestibulum ante. Nunc pharetra et neque eu maximus. Praesent elit magna, tempus eget pellentesque sed, elementum non lectus. Aliquam nunc erat, tincidunt nec turpis vitae, interdum ultricies neque. Curabitur sagittis id enim sed sollicitudin. Suspendisse potenti.

[b]Nom du Lien[/b] - [i]H/F[/i]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique erat leo, quis gravida orci fermentum quis. Curabitur vel convallis quam. Ut neque lorem, lobortis quis pulvinar eget, vulputate at erat. Mauris mi ligula, sollicitudin ac est ut, volutpat vestibulum ante. Nunc pharetra et neque eu maximus. Praesent elit magna, tempus eget pellentesque sed, elementum non lectus. Aliquam nunc erat, tincidunt nec turpis vitae, interdum ultricies neque. Curabitur sagittis id enim sed sollicitudin. Suspendisse potenti.
</div><img src="http://image.noelshack.com/fichiers/2016/08/1456634661-scarecrows.gif" class="logofl2"></img>
</div>
</div>

Pour les fiches de liens, vous pouvez aisément les utiliser plusieurs fois de la façon dont vous le souhaitez.

Code:
<div class="descriptionb"><div class="descriptionl1"><img src="http://i84.servimg.com/u/f84/18/92/90/68/ava_bm10.jpg" class="imgl" style="padding-top:25px"><span class="namelinkr">Prénom P. Nom<span class="linknamer">- Nom du Lien</span></span><div class="description2">
<div class="linkdescr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur nunc eget consequat pretium. Duis sit amet nunc ac massa ullamcorper ultricies. Aenean imperdiet bibendum tristique. Nullam vehicula finibus ex. In vel leo ultricies metus consequat laoreet. Praesent in nunc lacus. Maecenas facilisis nulla tortor, at finibus elit accumsan ac. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque lobortis eros quis hendrerit vehicula. Vivamus sollicitudin tellus quis lacus hendrerit ultricies. </div></div></div></div>

<div class="descriptionb2"><div class="descriptionl1"><img src="http://i84.servimg.com/u/f84/18/92/90/68/ava_bm10.jpg" class="imgr" style="padding-top:25px"><span class="namelinkg">Prénom P. Nom<span class="linknameg">- Nom du Lien</span></span><div class="description2">
<div class="linkdescg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur nunc eget consequat pretium. Duis sit amet nunc ac massa ullamcorper ultricies. Aenean imperdiet bibendum tristique. Nullam vehicula finibus ex. In vel leo ultricies metus consequat laoreet. Praesent in nunc lacus. Maecenas facilisis nulla tortor, at finibus elit accumsan ac. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque lobortis eros quis hendrerit vehicula. Vivamus sollicitudin tellus quis lacus hendrerit ultricies. </div></div></div></div>

Dans les deux cas vous pouvez bien sur modifier les images correspondant aux avatars ou autres représentations des personnages. Vous pouvez aussi évidemment modifier les différents champs sans problème!
Revenir en haut Aller en bas

Voir le profil de l'utilisateur
 
Modèle (optionnel)
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
+
 Sujets similaires
-
» Formulaire d'inscription (modèle unique)
» Modèle de présentation
» ─ Modèle de Présentation.
» Modèle de fiche de personnage ~ Pirates
» Modèle de scénario

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mirabilis :: Personnages :: Votre Personnage :: Liens-
Sauter vers: