Ici, chacun peut mettre en libre service un codage de fiche de liens. Merci de ne poster que vos créations !
Messages : 69
Date d'inscription : 17/09/2017
Kasmeer Fawkes
Niv 2 : équipe technique
Lun 12 Mar - 23:54
Merci à Ira d'avoir ouvert ce post. C'est toujours agréable de partager des créations. Voici pour ma part ma fiche de liens/relations en accord avec le style et les couleurs du forum. Les informations sur la relation sont sur l'hover de l'image. Pour un exemple concret, voir ma fiche de relations. Pour ceux désireux d'avoir le code pour la première partie, envoyez-moi un MP. Néanmoins, vous êtes prévenu(e)s, je n'aiderais pas pour cette partie (le code étant un peu plus complexe).
Nom de la section
PRÉNOM NOM
TYPE RELATION
Je suis la description.
PRÉNOM NOM
TYPE RELATION
Je suis la description.
PRÉNOM NOM
TYPE RELATION
Je suis la description.
Code de base :
Code:
<link href="https://fonts.googleapis.com/css?family=Jura|Orbitron" rel="stylesheet"><link href="https://dl.dropboxusercontent.com/s/dr10hlbt3e57jjx/csspres.css" rel="stylesheet" type="text/css" /><link href="https://dl.dropboxusercontent.com/s/gjudusfgfcxudko/csspres.css" rel="stylesheet" type="text/css" /> [center]<span class="AAEtitre">Nom de la section</span>[/center]
<div class="kassrelations"><div class="kassrelation"><img class="kassava" src="https://i11.servimg.com/u/f11/19/75/60/39/kasmee15.jpg" /><img class="kassrligne" src="http://zupimages.net/up/17/33/s1rc.png" /><kassptitre class="nomrelation"><p>PRÉNOM NOM</p><span>TYPE RELATION</span></kassptitre><div class="kassrhover">Je suis la description.</div></div><!-- FIN RELATION 1 --><!-- RELATION 2 --><div class="kassrelation"><img class="kassava" src="https://i11.servimg.com/u/f11/19/75/60/39/kasmee15.jpg" /><img class="kassrligne" src="http://zupimages.net/up/17/33/s1rc.png" /><kassptitre class="nomrelation"><p>PRÉNOM NOM</p><span>TYPE RELATION</span></kassptitre><div class="kassrhover">Je suis la description.</div></div><!-- FIN RELATION 2 --><!-- RELATION 3 --><div class="kassrelation"><img class="kassava" src="https://i11.servimg.com/u/f11/19/75/60/39/kasmee15.jpg" /><img class="kassrligne" src="http://zupimages.net/up/17/33/s1rc.png" /><kassptitre class="nomrelation"><p>PRÉNOM NOM</p><span>TYPE RELATION</span></kassptitre><div class="kassrhover">Je suis la description.</div></div><!-- FIN RELATION 3 --><div class="kass_copyright"><img class="kass_copyright" src="https://i58.servimg.com/u/f58/11/03/06/73/copyri10.png" alt="copyright" /></div><!-- FIN CONTAINER --></div>
Ajouter une rangé de liens :
Code:
<div class="kassrelations"><div class="kassrelation"><img class="kassava" src="https://i11.servimg.com/u/f11/19/75/60/39/kasmee15.jpg" /><img class="kassrligne" src="http://zupimages.net/up/17/33/s1rc.png" /><kassptitre class="nomrelation"><p>PRÉNOM NOM</p><span>TYPE RELATION</span></kassptitre><div class="kassrhover">Je suis la description.</div></div><!-- FIN RELATION 1 --><!-- RELATION 2 --><div class="kassrelation"><img class="kassava" src="https://i11.servimg.com/u/f11/19/75/60/39/kasmee15.jpg" /><img class="kassrligne" src="http://zupimages.net/up/17/33/s1rc.png" /><kassptitre class="nomrelation"><p>PRÉNOM NOM</p><span>TYPE RELATION</span></kassptitre><div class="kassrhover">Je suis la description.</div></div><!-- FIN RELATION 2 --><!-- RELATION 3 --><div class="kassrelation"><img class="kassava" src="https://i11.servimg.com/u/f11/19/75/60/39/kasmee15.jpg" /><img class="kassrligne" src="http://zupimages.net/up/17/33/s1rc.png" /><kassptitre class="nomrelation"><p>PRÉNOM NOM</p><span>TYPE RELATION</span></kassptitre><div class="kassrhover">Je suis la description.</div></div><!-- FIN RELATION 3 --><div class="kass_copyright"><img class="kass_copyright" src="https://i58.servimg.com/u/f58/11/03/06/73/copyri10.png" alt="copyright" /></div><!-- FIN CONTAINER --></div>
Code pour la description de la relation:
Code:
<span class="AAEtitre" style="font-size:16px;">Informations connues</span> Mettre ici tout ce qui vous plairas. <hr /><span class="AAEtitre" style="font-size:16px;">Description:</span> ICI la description de votre relation avec CE PERSONNAGE <hr /><span class="AAEtitre" style="font-size:16px;">RPs</span> <kassrp><a href="#">NOM DU RP</a></kassrp>
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum