Début fiche de lien (présentation)
- Code:
<link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Englebert' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Stalemate' rel='stylesheet' type='text/css'><center><div style="width:500px;border-right:1px dotted blue;border-left:1px dotted blue;border-top:1px solid blue;border-bottom:2px solid blue;background-color:black;border-radius:20px 20px 0px 0px;overflow:hidden;"><img src="http://cf.imados.fr/1/television/glee-gifs/photo/8527995852/3711680c99/glee-gifs-dianna-agron-img.gif" />
<span style="color:#000000family: 'Stalemate', cursive;font-size:60px;letter-spacing:-1px;word-spacing:3px;text-shadow:1px 1px blue;">Nom complet</span>
<span style="font-family: 'Englebert', sans-serif;color:black;text-shadow:1px 1px 1px white;font-size:25px;text-transform:uppercase;letter-spacing:-2px;">Âge-Groupe-District/Capitole</span>
<div style="border:1px solid blue;width:200px;padding:10px;font-size:20px;color:white;text-shadow:0px 0px 1px;font-family: 'Oleo Script Swash Caps', cursive;background:#242424;">Courte présentation:</div>
<div style="border:1px solid blue;width:400px;height:200px;text-align:justify;padding:10px;font-size:12px;color:white;text-shadow:0px 0px 1px;background:#242424;">Quid? qui se etiam nunc subsidiis patrimonii aut amicorum liberalitate sustentant, hos perire patiemur? An, si qui frui publico non potuit per hostem, hic tegitur ipsa lege censoria; quem is frui non sinit, qui est, etiamsi non appellatur, hostis, huic ferri auxilium non oportet? Retinete igitur in provincia diutius eum, qui de sociis cum hostibus, de civibus cum sociis faciat pactiones, qui hoc etiam se pluris esse quam collegam putet, quod ille vos tristia voltuque deceperit, ipse numquam se minus quam erat, nequam esse simularit. Piso autem alio quodam modo gloriatur se brevi tempore perfecisse, ne Gabinius unus omnium nequissimus existimaretur. </div>
<div style="border:1px solid blue;width:200px;padding:10px;font-size:20px;color:white;text-shadow:0px 0px 1px;font-family: 'Oleo Script Swash Caps', cursive;background:#242424;">Liens recherchés:</div>
<div style="border:1px solid blue;width:400px;height:200px;text-align:justify;padding:10px;font-size:12px;color:white;text-shadow:0px 0px 1px;background:#242424;">Quid? qui se etiam nunc subsidiis patrimonii aut amicorum liberalitate sustentant, hos perire patiemur? An, si qui frui publico non potuit per hostem, hic tegitur ipsa lege censoria; quem is frui non sinit, qui est, etiamsi non appellatur, hostis, huic ferri auxilium non oportet? Retinete igitur in provincia diutius eum, qui de sociis cum hostibus, de civibus cum sociis faciat pactiones, qui hoc etiam se pluris esse quam collegam putet, quod ille vos tristia voltuque deceperit, ipse numquam se minus quam erat, nequam esse simularit. Piso autem alio quodam modo gloriatur se brevi tempore perfecisse, ne Gabinius unus omnium nequissimus existimaretur. </div>
<div style="font-family: 'Codystar', cursive;color:white;text-shadow:0px 0px 3px;font-size:15px;margin-right:10px;" align="right">© Kinotto de LG.</div>
</div></center>
Les liens:
- Code:
<link href="http://us.123rf.com/400wm/400/400/julijamilaja/julijamilaja1208/julijamilaja120800011/15211634-damask-seamless-floral-pattern-royales-fleurs-le-papier-peint-les-couronnes-sur-fond-rouge.jpg/css?family=Miniver" rel="stylesheet" type="text/css">
<div style="position:relative;top:20px;margin-right:auto;margin-left:auto;width:445px;background-color:#000000;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;box-shadow:2px 2px 0px #fff;-moz-box-shadow:0px 0px 3px #000000;-webkit-box-shadow:0px 0px 3px #EAD6C0;-o-box-shadow:0px 0px 3px #EAD6C0;padding:5px;color:#267099;word-spacing:2pt;font-size:13px;text-align:justify;font-family:helvetica, sans-serif;line-height:15px;"><div style="font-family:times new roman, times, serif;padding-left:10px;padding-right:10px;text-align:center;"><div style="text-align: center; font-family: Miniver; font-size: 30px; letter-spacing: -1px; text-shadow: 1px 1px 0px #000000; text-align: center; color: #ffffff; ">TITRE</div>.</div></div><div style="margin-right:auto;margin-left:auto;width:580px;background-color:#000000;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;box-shadow:2px 2px 0px #fff;-moz-box-shadow:0px 0px 3px #6B0D0D;-webkit-box-shadow:0px 0px 3px #EAD6C0;-o-box-shadow:0px 0px 3px #EAD6C0;padding-top:200px;color:#6B0D0D;word-spacing:2pt;font-size:13px;text-align:justify;font-family:helvetica, sans-serif;line-height:15px;background-image:url('http://media.tumblr.com/tumblr_m6gi28J7Ml1r4fwg5.gif');background-repeat:no-repeat;"><div style="border-bottom:8px double #fff;"></div>
<center><table style="margin-top:-50px;"><tr><td><div style="text-align: center; font-family: Miniver; font-size: 25px; letter-spacing: -1px; text-shadow: 1px 1px 0px #747C94; text-align: center; color: #ffffff; ">Nom & Prénom </div><div style="font-family: 'Vidaloka', serif;font-size:15px;letter-spacing:0px;color:#ffffff;text-shadow: 0px 0px 1px #6B0D0D;margin-left:0px;margin-bottom:-20px;text-align:center;"> Nature du lien</div><br><div style="border:1px solid #c0cdda;color:#6B0D0D;line-height:11px;background:#ffffff;width:250px;font-size:11px;padding:5px;text-align:justify;border-radius:10px;"><div style="overflow:auto;height:120px;"><img src="http://25.media.tumblr.com/3da7942475139f453740ac889c28f549/tumblr_mkkua8akmr1rkm5bzo1_250.gif" align="right" style="border-radius:20px;margin:2px;-moz-transform:rotate(2deg);" width="100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi.</div></div></td>
<td><div style="text-align: center; font-family: Miniver; font-size: 25px; letter-spacing: -1px; text-shadow: 1px 1px 0px #747C94; text-align: center; color: #ffffff; ">Nom & Prénom </div><div style="font-family: 'Vidaloka', serif;font-size:15px;letter-spacing:0px;color:#ffffff;text-shadow: 0px 0px 1px #6886a5;margin-left:0px;margin-bottom:-20px;text-align:center;"> Nature du lien</div><br><div style="border:1px solid #c0cdda;color:#6B0D0D;line-height:11px;background:#ffffff;width:250px;font-size:11px;padding:5px;text-align:justify;border-radius:10px;"><div style="overflow:auto;height:120px;"><img src="http://www.kristinapimenova.com/categories/Bella/bella9.png" align="right" style="border-radius:20px;margin:2px;-moz-transform:rotate(2deg);" width="100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi.</div></div></td></tr></table></center>
<center><table style="margin-top:-50px;"><tr><td><div style="text-align: center; font-family: Miniver; font-size: 25px; letter-spacing: -1px; text-shadow: 1px 1px 0px #747C94; text-align: center; color: #ffffff; ">Nom & Prénom </div><div style="font-family: 'Vidaloka', serif;font-size:15px;letter-spacing:0px;color:#ffffff;text-shadow: 0px 0px 1px #6886a5;margin-left:0px;margin-bottom:-20px;text-align:center;"> Nature du lien</div><br><div style="border:1px solid #c0cdda;color:#6B0D0D;line-height:11px;background:#ffffff;width:250px;font-size:11px;padding:5px;text-align:justify;border-radius:10px;"><div style="overflow:auto;height:120px;"><img src="http://media.tumblr.com/tumblr_mc7sttF4xT1rvp0jb.gif" align="right" style="border-radius:20px;margin:2px;-moz-transform:rotate(2deg);" width="100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi.</div></div></td>
<td><div style="text-align: center; font-family: Miniver; font-size: 25px; letter-spacing: -1px; text-shadow: 1px 1px 0px #747C94; text-align: center; color: #ffffff; ">Nom & Prénom </div><div style="font-family: 'Vidaloka', serif;font-size:15px;letter-spacing:0px;color:#ffffff;text-shadow: 0px 0px 1px #6886a5;margin-left:0px;margin-bottom:-20px;text-align:center;"> Nature du lien</div><br><div style="border:1px solid #c0cdda;color:#6B0D0D;line-height:11px;background:#ffffff;width:250px;font-size:11px;padding:5px;text-align:justify;border-radius:10px;"><div style="overflow:auto;height:120px;"><img src="http://24.media.tumblr.com/80868649a811bc2595ccb1afd74e0336/tumblr_mg5u4vtbAG1s203xno3_250.png" align="right" style="border-radius:20px;margin:2px;-moz-transform:rotate(2deg);" width="100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi.</div></div></td></tr></table></center>
<center>[url=http://forum-theme.forumperso.com/]<font color="#747C94" size="1">© FICHE CRÉÉE PAR REIRA DE LIBRE GRAPH'</font>[/url]</center>
</div></div>
TITRE
.Nom & Prénom Nature du lien  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. | Nom & Prénom Nature du lien  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. |
Nom & Prénom Nature du lien  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. | Nom & Prénom Nature du lien  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. |
