Fiche de Liens simple

Présentation

Bonjour ! Je viens aujourd'hui vous proposez une fiche de lien assez simple, assortie à la "fiche de présentation simple". J'espère que le code vous plaira. Contrairement à l'autre, vous n'avez pas besoin de le mettre en iframe. Cette fiche à été codée pour notre partenaire Une Lumière derrière les ombres . Elle est facielement personnalisable. 

L'aperçu : 

Le code !

Le code CSS est inclus dans l'HTML. 

 

<style>

.cadreF { width:574px; height:auto; background-color:#C0C0C0; padding:15px; } /*-Il s'agit du cadre autours du bloc Mon personnage et Liens. -*/

.demiF {width:269px;height:auto;background-color:#C0C0C0;padding:15px;} /*-Il s'agit du cadre autours du bloc Liens recherchés et RPs. -*/

.interieurF {background-color:#DFDFDF;border:2px solid #484541; padding-top:15px; padding-left: 8px;padding-right: 8px;padding-bot: 5px;} /*- Les div qui contiennent les textes -*/

.TitreF { color:black;font-family: 'Great Vibes';font-size: 35px;text-shadow: 0px 0px 5px #000000;color: #93D92B; } /*- Les titres de chaque partie -*/

.prenomF {font-size : 15px; text-align : right; color : black; Font-family: georgia; text-shadow: 2px 2px 2px #D6D6D6 ;} /*- Les prénoms et noms de tes liens -*/

.SoustitreF {font-size : 12px; text-align : right; color : #424242; Font-family: georgia; text-shadow: 1px 1px 1px #D6D6D6 ;} /*- Les traits de caractère ainsi que les sous titre des liens -*/

.right {text-align: right;}  /*-permet d'alterner les relations droite/gauche -*/</style>

<center><link href='http://fonts.googleapis.com/css?family=Lobster|Great+Vibes' rel='stylesheet' type='text/css' /><table border="0" border-collapse="2"><tr><td colspan="2"><div class="cadreF"><div class="interieurF" style="text-align : justify;"><span class="TitreF"><center>Prenom et Nom</center></span>
<table><tr><td><img src="http://placehold.it/150x300" style="border:1px solid black"/></td><td><center><span class="SoustitreF">Trait de caractère - Trait de caractère - Trait de caractère </span></center>
<span style="color:#101010"> Décris ton personnage ici, son caractère, son âge... Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.

Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</span></td></tr></table>

</div></div></td></tr><tr><td><div class="demiF"><div class="interieurF"><span class="TitreF"><center>Lien voulus</center></span>

<span class="prenomF">Le titre du Lien </span> :<span style="color:#101010"> La description de ton lien ici.</span>

<span class="prenomF">Le titre du Lien </span> :<span style="color:#101010"> La description de ton lien ici.</span>

</div></div></td><td><div class="demiF"><div class="interieurF" style="color:black;"><span class="TitreF"><center>Mes RPs</center></span><br /><br /><span class="lien_span"><a href="LIEN DU RP"><strong>Titre du RP</strong></a> - Avec : <strong>Prénom Nom</strong> <br />[ ] Terminé [ ] En cours [ ] Abandonné</span>

<span class="lien_span"><a href="LIEN DU RP"><strong>Titre du RP</strong></a> - Avec : <strong>Prénom Nom</strong> <br />[ ] Terminé [ ] En cours [ ] Abandonné</span>

</div></div></td></tr><tr><td colspan="2"><div class="cadreF"><div class="interieurF"><span class="TitreF"><center>Les liens</center></span><br /> <table class="lientotal"><tr><td rowspan="3"><img src="http://placehold.it/100x150" style="border:1px solid black"/></td><td height="19px"><span class="prenomF">Prénom et Nom</span></td></tr><tr><td height="13px"><span class="SoustitreF">« Sous titre sympa » </span></td></tr> <tr> <td height="100px"><div style="text-align : justify; color:black ; padding : 1px ;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</div></td></tr></table><br />
<table><tr><td ><div class="right"><span class="prenomF">Prénom et Nom</span></div></td><td rowspan="3"><img src="http://placehold.it/100x150" style="border:1px solid black"/></td></tr><tr><td height="13px"><span class="SoustitreF"><div style="text-align:right;">« Sous titre sympa » </div></span></td></tr> <tr> <td height="100px"><div style="text-align : justify; color:black ; padding : 1px ;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</div></td></tr></table>

​<table class="lientotal"><tr><td rowspan="3"><img src="http://placehold.it/100x150" style="border:1px solid black"/></td><td height="19px"><span class="prenomF">Prénom et Nom</span></td></tr><tr><td height="13px"><span class="SoustitreF">« Sous titre sympa » </span></td></tr> <tr> <td height="100px"><div style="text-align : justify; color:black ; padding : 1px ;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</div></td></tr></table><br />
<table><tr><td ><div class="right"><span class="prenomF">Prénom et Nom</span></div></td><td rowspan="3"><img src="http://placehold.it/100x150" style="border:1px solid black"/></td></tr><tr><td height="13px"><span class="SoustitreF"><div style="text-align:right;">« Sous titre sympa » </div></span></td></tr> <tr> <td height="100px"><div style="text-align : justify; color:black ; padding : 1px ;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</div></td></tr></table>

​<table class="lientotal"><tr><td rowspan="3"><img src="http://placehold.it/100x150" style="border:1px solid black"/></td><td height="19px"><span class="prenomF">Prénom et Nom</span></td></tr><tr><td height="13px"><span class="SoustitreF">« Sous titre sympa »</div> </span></td></tr> <tr> <td height="100px"><div style="text-align : justify; color:black ; padding : 1px ;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</div></td></tr></table>

<table><tr><td ><div class="right"><span class="prenomF">Prénom et Nom</span></div></td><td rowspan="3"><img src="http://placehold.it/100x150" style="border:1px solid black"/></td></tr><tr><td height="13px"><span class="SoustitreF"><div style="text-align:right;">« Sous titre sympa » </div></span></td></tr> <tr> <td height="100px"><div style="text-align : justify; color:black ; padding : 1px ;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat.</div></td></tr></table><br /> <br />​
</div>
[center]<span style="color:grey;font-size:11px;">Code par [url=http://elia-ls.e-monsite.com/]Elia-Ls[/url]</span>[/center]
</div></td></tr>
</table></center>

Petites précisions

Merci de ne pas retirer le crédit ! Si vous l'utilisez, il est gentil de laisser un commentaire. Je réponds à vos questions également.

Commentaires (2)

eli-a

Merci :D Je suis content de savoir qu'il est utile à quelqu'un :)

Spirit

Bonjour je vais utilisée votre code en libre service, pour ma fiche de mon cheval merci.

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.