'
Partagez | 
 

  Modèle De Fiche Liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Sumehra La Dévouée

Reine Marchande

avatar
MessageSujet: Modèle De Fiche Liens   Mar 9 Aoû - 16:22


Le Modèle De Fiche Liens        
Voici un petit modèle simple de fiche pour vos liens. Vous pouvez évidemment prendre d'autres codages.

Modèle de fiche :
Spoiler:
 

Code :
Code:
[center]<link href='http://fonts.googleapis.com/css?family=Jim+Nightshade' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css'>

<style>.div_lien {background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); box-shadow: 0px 0px 2px black; border: 1px solid #3B3B3B;} .survol {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0.7;} .survol:hover {opacity: 1;} .monBloc2 {position: relative; /* important ! */overflow: hidden; width: 250px; height: 320px; background: #1D1D1D; margin-top: -1px;} .blocVolet2 {position: absolute; top: 0; left: 0; width: 250px; height: 320px; background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;} .monBloc2:hover > .blocVolet2 {left: -250px;}</style>

<div style="font-family: 'Jim Nightshade', cursive; font-size: 25px; text-align: center; color: 1f140b; text-shadow: 1px 0px 1px black;">Citation de ton choix à placer ici</div><div style="font-family: georgia; font-size: 10px; color: gray; text-align: center;">© fiche codée par Asi'click</div><div style="height: 320px; width: 454px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i67.tinypic.com/znlo48.jpg" height="320px" width="200px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc2"><div class="blocVolet2"><div style="font-family: 'Aladin', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 130px; color: #645a3e; margin-bottom: 3px;">Prénom P² Nom</div><div style="font-family: georgia; font-size: 19px; letter-spacing: -1.5px; color: #555555; text-align: center;">xx ans ☼ métier ☼ groupe
info ☼ info ☼ info ☼ info</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 200px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Paragraphe sur le caractère de ton personnage, sur sa situation actuelle, ce qu'il pense des autres, sa façon d'être, son passé, sous forme de liste, ... C'est toi qui gère.

Ob haec et huius modi multa, quae cernebantur in paucis, omnibus timeri sunt coepta. et ne tot malis dissimulatis paulatimque serpentibus acervi crescerent aerumnarum, nobilitatis decreto legati mittuntur: Praetextatus ex urbi praefecto et ex vicario Venustus et ex consulari Minervius oraturi, ne delictis supplicia sint grandiora, neve senator quisquam inusitato et inlicito more tormentis exponeretur.

Sin autem ad adulescentiam perduxissent, dirimi tamen interdum contentione vel uxoriae condicionis vel commodi alicuius, quod idem adipisci uterque non posset. Quod si qui longius in amicitia provecti essent, tamen saepe labefactari, si in honoris contentionem incidissent; pestem enim nullam maiorem esse amicitiis quam in plerisque pecuniae cupiditatem, in optimis quibusque honoris certamen et gloriae; ex quo inimicitias maximas saepe inter amicissimos exstitisse.</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 120px; overflow: auto; line-height: 12px; text-align: justify; border-top: 4px solid #3B3B3B;"><div style=" padding: 2px;">[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
[i]lien recherché[/i] [color=darkkhaki]✤[/color] description rapide
[i]lien recherché[/i] [color=indianred]✤[/color] description rapide
</div></div></div></td></tr></table></div>
[/center]
made by Azel

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sumehra La Dévouée

Reine Marchande

avatar
MessageSujet: Re: Modèle De Fiche Liens   Mar 9 Aoû - 16:27


      
Et voilà pour les liens.

Modèle de liens :
Spoiler:
 

Code :
Code:
<link href='http://fonts.googleapis.com/css?family=Jim+Nightshade' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css'>


<style>.div_lien {background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); box-shadow: 0px 0px 2px black; border: 1px solid #3B3B3B;} .survol {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0.7;} .survol:hover {opacity: 1;} .monBloc {position: relative; /* important ! */overflow: hidden; width: 250px; height: 100px; background: #1D1D1D; margin-top: -1px;} .blocVolet {position: absolute; top: 0; left: 0; width: 250px; height: 100px; background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;} .monBloc:hover > .blocVolet {left: -250px;}</style>

<div style="font-family: 'Jim Nightshade', cursive; font-size: 45px; text-align: center; color: #1f140b; text-shadow: 2px 0px 1px black;">Nom catégorie</div><div style="font-family: georgia; font-size: 9px; letter-spacing: -1px; color: gray; text-align: center;">© fiche codée par Asi'click</div>
<div style="height: 100px; width: 354px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i67.tinypic.com/2e2dxfb.jpg" height="100px" width="100px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc"><div class="blocVolet"><div style="font-family: 'Aladin', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 30px; color: #645a3e; margin-bottom: 3px;">Prenom P² Nom</div><div style="font-family: georgia; font-size: 15px; letter-spacing: -1px; color: #555555; text-align: center;">"Nom du lien ou phrase l'illustrant"</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 100px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div>
</div></td></tr></table></div>
<div style="height: 100px; width: 354px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i67.tinypic.com/2e2dxfb.jpg" height="100px" width="100px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc"><div class="blocVolet"><div style="font-family: 'Aladin', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 30px; color: #645a3e; margin-bottom: 3px;">Prenom P² Nom</div><div style="font-family: georgia; font-size: 15px; letter-spacing: -1px; color: #555555; text-align: center;">"Nom du lien ou phrase l'illustrant"</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 100px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div>
</div></td></tr></table></div>
<div style="height: 100px; width: 354px;" class="div_lien"><table cellspacing="0"><tr><td><img src="http://i67.tinypic.com/2e2dxfb.jpg" height="100px" width="100px" style="border-right: 2px solid #3B3B3B; margin-left: -1px; margin-top: -1px;" class="survol"></td><td><div class="monBloc"><div class="blocVolet"><div style="font-family: 'Aladin', cursive; font-size: 30px; text-align: center; text-shadow: 1px 0px 1px black; width: 250px; margin-top: 30px; color: #645a3e; margin-bottom: 3px;">Prenom P² Nom</div><div style="font-family: georgia; font-size: 15px; letter-spacing: -1px; color: #555555; text-align: center;">"Nom du lien ou phrase l'illustrant"</div></div><div style="font-family: arial; font-size: 10px; color: gray; width: 250px; height: 100px; overflow: auto; line-height: 12px; text-align: justify;"><div style=" padding: 2px;">Hac ex causa conlaticia stipe Valerius humatur ille Publicola et subsidiis amicorum mariti inops cum liberis uxor alitur Reguli et dotatur ex aerario filia Scipionis, cum nobilitas florem adultae virginis diuturnum absentia pauperis erubesceret patris.His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.Primi igitur omnium statuuntur Epigonus et Eusebius ob nominum gentilitatem oppressi. praediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div>
</div></td></tr></table></div>[/center]
made by Azel

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Modèle De Fiche 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 personnage ~ Pirates
» Modèle de Fiche Technique
» › modèle de fiche.
» Modèle de fiche de présentation
» Fiche de liens

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sand'Hôr :: Universal UltratoolUniversal Ultratool :: Ligue Des ExplorateursLigue Des Explorateurs :: Ecriteau-
Sauter vers: