RSS
RSS


Montez à bord du vaisseau et partez à la recherche d'un nouveau foyer pour l'Humanité.
 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Xiaomi Mi Smart Camera 2K Standard Edition (design compact / support ...
11.39 €
Voir le deal

 :: Administration :: Suivis des personnages :: Fiches de liens Voir le sujet précédent Voir le sujet suivant Aller en bas

Codages fiches de liens

Ira Hraoui
Messages : 299
Date d'inscription : 28/06/2017
Niv 2 : équipe technique





Ira Hraoui
Niv 2 : équipe technique
Lun 12 Mar - 23:37
Bonsoir !

Ici, chacun peut mettre en libre service un codage de fiche de liens. Merci de ne poster que vos créations !
Revenir en haut Aller en bas
Kasmeer Fawkes
Messages : 69
Date d'inscription : 17/09/2017
Niv 2 : équipe technique





Kasmeer Fawkes
Niv 2 : équipe technique
Lun 12 Mar - 23:54
Merci à Ira d'avoir ouvert ce post.  <3  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>
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Vidar 89-05 :: Administration :: Suivis des personnages :: Fiches de liens-
Sauter vers: