Il se peut que tu ne veuilles pas coder ta fiche de lien ou bien en chercher une déjà codée qui pourrait aller avec le design du forum. Ici tu trouveras un modèle de fiche qui changera automatiquement à chaque version, n'est-ce pas génial ?
(Pour une meilleure lisibilité, un code = un post)
- Code:
-
[center]<div class="fondpres"><img src="https://i.ytimg.com/vi/2PR9MOPTI7g/maxresdefault.jpg" class="imgpres"/><div class="nompres">Prénom <j>Prénom</j> Nom</div><div class="citationpres">« Citation citation citation citation citation citation citation citation »</div><br/><table><tr><td align="left"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="margin-bottom: 5px;"/><div class="champpres" style="width: 190px; height: 100px; overflow-y: auto; padding: 5px;"><d>Nom :</d> écrire ici <d>Prénom :</d> écrire ici <d>Date/lieu de naissance :</d> écrire ici <d>Age :</d> écrire ici <d>Nationalité/origines :</d> écrire ici <d>Statut civil :</d> écrire ici <d>Orientation sexuelle :</d> écrire ici <d>Métier/études :</d> écrire ici <d>Situation financière :</d> <d>Traits de caractères :</d> écrire ici <d>Groupe :</d> écrire ici <d>Avatar :</d> écrire ici <d>Crédits :</d> écrire ici</div></td><td align="right" height="100%"><div class="champpres" style="width: 190px; height: 60%; overflow-y: auto; padding: 5px;">Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. <c>►</c> Point détaillé de l'histoire. </div></div><div class="champpres" style="width: 190px; overflow-y: auto; padding: 3px 5px 3px 5px; margin-top: 3px"><d>Je recherche :</d>
<c>►</c> (f/h) type de lien [quantité]
<c>►</c> (f/h) type de lien [quantité]
<c>►</c> (f/h) type de lien [quantité]
<c>►</c> (f/h) type de lien [quantité]
<c>►</c> (f/h) type de lien [quantité]</div></td></tr></table>
<BR/></div>[/center]
- Code:
-
[center]<div class="fondpres" style="height: 500px; overflow-y: auto"><div class="nompres">LES FEMMES</div><br/><table><tr><td align="left"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="margin-right: 10px; width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td><td align="right"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td></tr></table>
<table><tr><td align="left"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="margin-right: 10px; width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td><td align="right"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td></tr></table>
<table><tr><td align="left"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="margin-right: 10px; width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td><td align="right"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td></tr></table>
<BR/></div>[/center]
- Code:
-
[center]<div class="fondpres" style="height: 500px; overflow-y: auto"><div class="nompres">LES HOMMES</div><br/><table><tr><td align="left"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="margin-right: 10px; width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td><td align="right"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td></tr></table>
<table><tr><td align="left"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="margin-right: 10px; width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td><td align="right"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td></tr></table>
<table><tr><td align="left"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="margin-right: 10px; width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td><td align="right"><div style="height:200px; overflow-y: auto; overflow-x: hidden"><img src="http://66.media.tumblr.com/412869685b4ce6dbd7c15a130633b9f0/tumblr_inline_o746flGJQI1u783c0_540.gif" class="gifpres" style="width: 185px; margin-bottom: 5px;"/><div class="champpres" style="width: 181px; height: auto; padding: 5px;"><d>PSEUDO</d> ► Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. Description du lien. </div></div></td></tr></table>
<BR/></div>[/center]