Modèle de fiche de lien en libre-service

Les Chroniques d'Arven

Modèles en libre-service

Fiche de liens

Vous trouverez ici quelques modèles de mise en page inspirés de nos PV. Leur usage est facultatif ! Le codage de ces structures a été effectué par Love pour la version 1 du forum.

Si vous voulez bricoler vos codes en appelant le CSS du forum, c'est également possible, mais d'une MAJ à l'autre vos mises en pages risquent de sauter (surtout si c'est Aura· qui doit crapahuter dans ledit CSS pour effectuer les modifications ). A vos risques et périls !

On a des kikooteries sur les images, par exemple :

: là tahvu ça tangue un peu

Code:

<center><img src="LIEN IMAGE, RÉDUCTION AUTO à 100px DE LARGE" class="iconcontour"/></center>

: là, c'est droit, wai

Code:

<center><img src="LIEN IMAGE, RÉDUCTION AUTO à 100px DE LARGE" class="iconcontour1"/></center>

: là, ça repenche

Code:

<center><img src="LIEN IMAGE, RÉDUCTION AUTO à 100px DE LARGE" class="iconcontour2"/></center>

Ici, grande image qui se redimensionne automatiquement pour prendre la largeur de la page, avec une bordure beige clair :

Code:

<img src="LIEN GRANDE IMAGE" class="imgresize"/>

Ici, image de toute taille sans redimensionnement, avec la même bordure beige clair :

Code:

<img src="LIEN IMAGE" class="imgbordure"/>

Pour écrire comme ça :

Code:

<div class="PV_pseudo">Ton texte ici</div>

Ou alors ainsi :

Code:

<div class="PV_soustitre">Ton texte ici</div>

On a aussi ça en stock si tu veux :

Code:

<div class="PV_star">Ton texte ici</div>

Code:

<center><div class="PV_sep"></div></center>

xx ans • groupe • profession • avatar

Prénom Nom de ton personnage

adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif

Présentation • Évolution

Je recherche

• [H/F] → Type de lien
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

• [H/F] → Type de lien
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

• [H/F] → Type de lien
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

Code:: <center><img src="LIEN GRANDE IMAGE" class="imgresize"/></center>

<div class="PV_background">
<div class="PV_soustitre">xx ans • groupe • profession • avatar</div>
<div class="PV_pseudo">Prénom Nom de ton personnage</div>
<blockquote><div class="PV_soustitre">adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif</div></blockquote>
<center><div class="PV_sep"></div></center>
<center><img src="LIEN ICONE" class="iconcontour"/><img src="LIEN AVATAR OU IMAGE MOYENNE" class="imgbordure"/><img src="LIEN ICONE" class="iconcontour2"/>
<blockquote><div class="PV_soustitre">[url=LIEN FICHE PRESENTATION]Présentation[/url] • [url=LIEN FICHE EVOLUTION]Évolution[/url]</div></blockquote></center>
<center><div class="PV_sep"></div></center>
<div class="PV_pseudo">Je recherche</div>
<blockquote>• [b][H/F][/b] → [i]Type de lien[/i]
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

• [b][H/F][/b] → [i]Type de lien[/i]
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

• [b][H/F][/b] → [i]Type de lien[/i]
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

</blockquote></div>

Type de lien

	Prénom Nom du personnage • Prénom Nom de l'avatar Description du lien.
	Prénom Nom du personnage • Prénom Nom de l'avatar Description du lien.
	Prénom Nom du personnage • Prénom Nom de l'avatar Description du lien.
	Prénom Nom du personnage • Prénom Nom de l'avatar Description du lien.

Code:: <center><div class="PV_background">
<div class="PV_pseudo">Type de lien</div>
<div class="PV_sep"></div>
<table><tr><td valign="top"><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr><tr><td><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr><tr><td><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr><tr><td><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr></table>
</div>
</center>

» Modèle de fiche de présentation
» Service de griffons d'escorte
» Habitation et mer (oui, ça n'a pas de lien)
» Lancelot, à votre service, ma dame
» D’un amour scellé par un lien de soie blanc