AccueilAccueil  Règlement  Intrigue  FAQFAQ  RechercherRechercher  MembresMembres  Publicité  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 ► Exemple de fiche de liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Are you a watcher or a player ?
Crédits : euphornya
Célébrité : Nerve
Messages : 260
Particularités :

MessageSujet: ► Exemple de fiche de liens   Dim 3 Juil - 23:21



Exemple


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]



Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://nerve.forumactif.org
 
► Exemple de fiche de liens
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Modèle de fiche de liens
» Exemple de fiche de présentation
» Exemple de fiche de présentation pour le recrutement AFR
» Fiche type à remplir et à mettre à jour régulièrement
» Keira ► I don't need a parachute || Fiche de liens

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
NERVE :: Level UP :: Show us your weapons :: Liens-
Sauter vers: