Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -39%
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
Voir le deal
399 €

Partagez
 

 Idées de fiches de liens.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Claire Redfield
TERRA SAVE MEMBER PDG

Claire Redfield
Messages : 458
Salaire : 1674
Date d'inscription : 29/04/2014
Age : 32
Localisation : En ville, autour d'une bonne tasse de thé et d'un bon muffin ~ #Haveabreak.

Idées de fiches de liens. Empty
MessageSujet: Idées de fiches de liens.   Idées de fiches de liens. Icon_minitimeLun 9 Juin - 13:38

    Vous trouverez ici des idées de fiches de liens pour vos personnages au cas ou vous n'auriez pas d'idées de code ou que tout simplement vous ne savez pas faire le fameux "Codage" stylée dont vous rêvez. N'oubliez pas d'indiquer les fameux copyright des créateurs sur vos fiches. En vous remerciant d'avance. ©Bazzart&Ses créateurs.


Spoiler:

Code:
<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'><style>.survol_1{width: 198px; height: 318px; border: 1px solid #E9E2DA; background-color: white; background-image: url(http://data.nimages.fr/fvgrgl2.png); text-align: center; 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; overflow: auto;} .survol_1:hover{opacity: 1;}</style>
<center><div style="background-color: white; width: 510px;"><div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 3px; font-family: Antic Slab; font-size: 30px; width: 500px;">Prénom P. Nom<div style="font-size: 9px;">fiche & images par ekkinox</div></div><div style="padding-top: 10px; padding-bottom: 10px;"><div style="font-family: times new roman; font-size: 14px; font-weight: lighter; text-transform: uppercase; width: 490px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;">Âge ❖ Études/Travail ❖ Orientation sexuelle/Groupe</div></div><table><td><div style="background-color: #F8F5F2; width: 295px; font-size: 10px; height: 293px; line-height: 11px; overflow: auto; text-align: justify;"><div style="padding: 10px;">Des points sur votre personnage.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div><div style="background-color: #f2f3f8; background-image: url(http://data.nimages.fr/fvgrgl2.png); width: 295px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px;"><a href="#">MA FICHE DE PRÉSENTATION</a></div><div style="background-color: #f7f2f8; background-image: url(http://data.nimages.fr/fvgrgl2.png); width: 295px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px;"><a href="#">MON RÉPERTOIRE DE TOPICS</a></div></td><td><div style="margin-top: -20px;"><div style="background: #EAE3D6; width: 200px; height: 320px;"><div style="width: 200px; height: 320px; background-image: url(http://i.imgur.com/gSWATwP.png);  background-repeat: no-repeat;"><div class="survol_1"><img src="http://i.imgur.com/IU8wckH.png" style="opacity: 0.95;"><div style="text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; font-size: 15px; word-spacing: -2px;">SON HISTOIRE EN BREF</div><div style="padding-left: 5px; padding: right: 5px; text-align: justify; font-size: 10px; line-height: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div>
<div style="background-color: #E9E2DA; width: 200px; font-family: Antic Slab; font-size: 10px; word-spacing: -2px; text-align: center; margin-top: -15px;">si t'es plus curieux... tu survoles!</div></div></td></table><div style="padding-top: 10px; padding-bottom: 10px;"><div style="font-family: times new roman; font-size: 12px; font-weight: lighter; text-transform: uppercase; width: 490px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;"><div style="width: 450px;">qualité ❖ défaut ❖ qualité
défaut ❖ qualité ❖ défaut
qualité ❖ défaut ❖ qualité</div></div></div>
<div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 10px; font-family: Antic Slab; font-size: 30px; width: 500px;">Idées de liens</div>
<div style="width: 450px; text-align: justify; font-size: 11px; line-height: 10px;"><img src="http://i.imgur.com/DFJAY8s.png" style="width: 60px; border-radius: 100%; padding-right: 5px; padding-bottom: 5px; float: left;"><div style="text-align: center; border-bottom: 2px solid #e9e2da; width: 100%;">[b]TITRE DU LIEN ([u]POSITIF/NÉGATIF[/u])[/b] ❖ [i]lien masculin/féminin[/i]</div><div style="padding-top: 4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div>
<div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 14px; font-family: Antic Slab; font-size: 30px; width: 500px;">Liens à rajouter</div>
<div style="width: 450px; text-align: justify; font-size: 11px; line-height: 10px;">[b]Prénom P. Nom[/b] [size=9][i](FEAT CÉLÉBRITÉ)[/i][/size] ❖ titre du lien</div>
</div></center>

Spoiler:

Code:
<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'><style>.survol{width: 240px; height: 200px; background-color: white; background-image: url(http://data.nimages.fr/fvgrgl2.png); text-align: justify; font-size: 12px; line-height: 12px; font-family: arial; 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; overflow: auto;} .survol:hover{opacity: 1;}</style>
<center><div style="background-color: white; width: 500px;"><div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 3px; font-family: Antic Slab; font-size: 30px; width: 500px;">Girls And Their Curves<div style="font-size: 9px;">fiche & images par ekkinox</div></div><div style="padding-top: 10px; padding-bottom: 8px;"><div style="font-family: times new roman; font-size: 14px; font-weight: lighter; text-transform: uppercase; width: 500px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;">there's nothing more beautiful</div></div><table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></div></td></table>
<div style="font-size: 15px; text-align: center;">❖ ❖ ❖</div>
<table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td></table><br></div></center>

Spoiler:

Code:
<link href='http://fonts.googleapis.com/css?family=Antic+Slab' rel='stylesheet' type='text/css'><style>.survol{width: 240px; height: 200px; background-color: white; background-image: url(http://data.nimages.fr/fvgrgl2.png); text-align: justify; font-size: 12px; line-height: 12px; font-family: arial; 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; overflow: auto;} .survol:hover{opacity: 1;}</style>
<center><div style="background-color: white; width: 500px;"><div style="background-color: #E9E2DA; padding-top: 10px; padding-bottom: 3px; font-family: Antic Slab; font-size: 30px; width: 500px;">Boys Are Awesome<div style="font-size: 9px;">fiche & images par ekkinox</div></div><div style="padding-top: 10px; padding-bottom: 8px;"><div style="font-family: times new roman; font-size: 14px; font-weight: lighter; text-transform: uppercase; width: 500px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dashed #D1CC9B; border-bottom: 1px dashed #D1CC9B;">there's nothing like a bromance</div></div><table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></div></td></table>
<div style="font-size: 15px; text-align: center;">❖ ❖ ❖</div>
<table><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td><td><div style="background-color: #f2f3f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">PRÉNOM NOM</div><div style="width: 240px; height: 200px; background-image: url(http://i.imgur.com/p0ZUDLJ.png);  background-repeat: no-repeat;"><div class="survol"><div style="padding: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet risus ac nulla auctor laoreet vel ut nibh. Ut nec leo fermentum, ullamcorper odio eget, consequat nibh. Mauris elementum tristique libero, sed luctus turpis facilisis ac. Sed facilisis nisl sit amet lacinia vehicula. Praesent condimentum volutpat lobortis. Morbi quis tincidunt lorem, in tincidunt lacus. Nullam lobortis auctor adipiscing. Curabitur vitae porttitor justo. Morbi eu dolor eros. Integer ut urna bibendum, condimentum justo vitae, dignissim neque. Pellentesque consequat urna sed quam pretium hendrerit. Pellentesque dui nibh, tincidunt et cursus sed, gravida quis lorem. Quisque semper nibh quis quam egestas, non.</div></div></div><div style="background-color: #f7f2f8; width: 240px; text-align: center; font-family: times new roman; text-transform: uppercase; font-weight: lighter; padding-top: 3px; padding-bottom: 3px; font-size: 14px; color: black;">TITRE DU LIEN</div></td></table><br></div></center>
Revenir en haut Aller en bas
https://darksidechronicles.forumpro.fr
Claire Redfield
TERRA SAVE MEMBER PDG

Claire Redfield
Messages : 458
Salaire : 1674
Date d'inscription : 29/04/2014
Age : 32
Localisation : En ville, autour d'une bonne tasse de thé et d'un bon muffin ~ #Haveabreak.

Idées de fiches de liens. Empty
MessageSujet: Re: Idées de fiches de liens.   Idées de fiches de liens. Icon_minitimeLun 9 Juin - 13:40

Spoiler:

Code:
<center><div style="background-color: #FEFEF5; padding: 10px; width:450px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script;font-size:34px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">Prénom Prénom² Nom</div>
<img src="http://i.imgur.com/iOucl.png" width="200px";img style=" border: 1px solid #100873; padding: 2px;" > <img src="http://i.imgur.com/8tBac.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" >
<div style="width: 400px;  font-family: ARIAL; font-size: 9px; line-height: 10px; text-align: center; padding: 3px 10px; color:#989393;">prénom prénom² nom [color=#7972D8]∞[/color] âge [color=#7972D8]∞[/color] date de naissance [color=#7972D8]∞[/color] études / métier [color=#7972D8]∞[/color] nationalité [color=#7972D8]∞[/color] statut</div>

<div style="width: 392px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">L'histoire et le caractère en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
</div></div></div>

<div style="width: 392px; font-size: 16px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;border: 1px solid #100873;"><link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'><div style="font-family: Pathway Gothic One;">À AJOUTER

-nom
-nom
</div></div>

[size=7]
[right][color=#000000]©TITANIA[/color][/right]
[/size]</div>
</center>

Spoiler:

Code:
<center><table><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">prénom p. nom</div>
<img src="http://img15.hostingpics.net/pics/855037836.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" >
<div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#7972D8;">TYPE DE LIEN</div>
<div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
[size=9]
[right][color=#7972D8][font=Courier New]©Frenchadicted[/font][/color][/right]
[/size]
</div></div></div>[size=7]
[right][color=#000000]©TITANIA[/color][/right]
[/size]</div></td><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">prénom p. nom</div>
<img src="http://img15.hostingpics.net/pics/855037836.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" >
<div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#7972D8;">TYPE DE LIEN</div>
<div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
[size=9]
[right][color=#7972D8][font=Courier New]©Frenchadicted[/font][/color][/right]
[/size]
</div></div></div>[size=7]
[right][color=#000000]©TITANIA[/color][/right]
[/size]</div></td></table></center>

Spoiler:

Code:
<center><table><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #8B003F; padding:-20px;">prénom p. nom</div>
<img src="http://img15.hostingpics.net/pics/8898018110.png" width="200px"; img style="border: 1px solid #8B003F; padding: 2px;" >
<div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#F3B5D1;">TYPE DE LIEN</div>
<div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
[size=9]
[right][color=#F3B5D1][font=Courier New]©Frenchadicted[/font][/color][/right]
[/size]
</div></div></div>[size=7]
[right][color=#000000]©TITANIA[/color][/right]
[/size]</div></td><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #8B003F; padding:-20px;">prénom p. nom</div>
<img src="http://img15.hostingpics.net/pics/8898018110.png" width="200px"; img style="border: 1px solid #8B003F; padding: 2px;" >
<div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#F3B5D1;">TYPE DE LIEN</div>
<div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots
[size=9]
[right][color=#F3B5D1][font=Courier New]©Frenchadicted[/font][/color][/right]
[/size]
</div></div></div>[size=7]
[right][color=#000000]©TITANIA[/color][/right]
[/size]</div></td></table></center>
Revenir en haut Aller en bas
https://darksidechronicles.forumpro.fr
Claire Redfield
TERRA SAVE MEMBER PDG

Claire Redfield
Messages : 458
Salaire : 1674
Date d'inscription : 29/04/2014
Age : 32
Localisation : En ville, autour d'une bonne tasse de thé et d'un bon muffin ~ #Haveabreak.

Idées de fiches de liens. Empty
MessageSujet: Re: Idées de fiches de liens.   Idées de fiches de liens. Icon_minitimeLun 9 Juin - 13:41

    3ème fiche:

    Spoiler:

    Code:
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Fjalla+One" /> <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pontano+Sans" /><style type="text/css">.info { width: 200px; height: 20px; background-color: #f4f4f4; text-transform: uppercase; font-family: 'Pontano Sans', sans-serif; line-height: 20px; text-align: center; font-size: 8px; letter-spacing: 2px; color: #000; opacity: 0.6; } .info:hover { background-color: #C0D23E; } .wow {font-family: arial; opacity:0.0;  font-size:10px; color: black;text-align: justify; width: 190px; height: 300px; padding: 10px; text-transform: lowercase; line-height: 130%; background-color:white; -webkit-transition: opacity .6s linear; -moz-transition: opacity .6s linear; -o-transition: opacity .6s linear;}.wow:hover {opacity: 1} .name { width: 180px; height: 20px;  font-family: fjalla one; letter-spacing: -1px; color: #C0D23E; font-size: 35px; text-align: center; border-bottom: 1px solid #000; } .fond { width: 467px; height: 350px; padding: 20px; background-image: url(http://image.noelshack.com/fichiers/2014/18/1399041018-tumblr-m1rrtoaodz1r836v5.png);} .copyright { width:400px; font-family:arial; font-size:7px; color:#333; letter-spacing:2px; line-height:10px; text-align:center; }</style> <center><div class="fond"><div style="width:450px; background-color: #f3f3f3; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; "><table><tbody><tr><td><div style="width: 200px; height: 320px; background-image: url(URL DE L'AVATAR 200.320); "><div class="wow"><div style="height: 300px; overflow: auto;">parle nous de toi </div></div></div></td><td><div style="width: 205px; height: 300px; padding: 10px; background-color: #fff;"><br><div style="width: 200px; height: 30px;font-family: fjalla one; letter-spacing: -1px; color: #C0D23E; font-size: 35px; text-align: center; border-bottom: 1px solid #000;"> ton nom </div><div style="height: 15px"></div><div class="info">ft avatar </div><div style="height: 2px"></div><div class="info">âge </div><div style="height: 2px"></div><div class="info">situation </div><div style="height: 2px"></div><div class="info">job </div><div style="height: 2px"></div><div class="info">nationalité </div><div style="height: 2px"></div><div class="info">groupe </div><div style="height: 2px"></div><div class="info">qualité </div><div style="height: 2px"></div><div class="info">défaut </div><div style="height: 2px"></div><div class="info">qualité </div><div style="height: 2px"></div><div class="info">défaut </div><div style="height: 2px"></div><div class="info">rp : on/off </div><div style="height: 2px"></div></div></td></tr></tbody></table></div></div><div class="copyright">( MADE BY WILD HEART. | FAIT MOI PLAISIR, PASSE TA SOURIS ) </div></center>

    Spoiler:

    Code:
    <link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Pontano+Sans" rel="stylesheet" type="text/css" /><style type="text/css"> .wow {font-family: arial; opacity:0.0;  font-size:10px; color: black;text-align: justify; width: 180px; height: 300px; padding: 10px; text-transform: lowercase; line-height: 130%; background-color:white; -webkit-transition: opacity .6s linear; -moz-transition: opacity .6s linear; -o-transition: opacity .6s linear;}.wow:hover {opacity: 1} .info { width: 200px; height: 20px; background-color: #f4f4f4; text-transform: uppercase; font-family: 'Pontano Sans', sans-serif; line-height: 20px; text-align: center; font-size: 8px; letter-spacing: 2px; color: #000; opacity: 0.6; } .info:hover { background-color: #C0D23E; } .name { width: 180px; height: 20px;  font-family: fjalla one; letter-spacing: -1px; color: #C0D23E; font-size: 35px; text-align: center; border-bottom: 1px solid #000; } .cadre { background: #f3f3f3; width: 200px; height: 320px; padding: 10px;  }</style>
    <center><div style="width: 467px; height: 350px; padding: 20px; background-image: url(http://image.noelshack.com/fichiers/2014/18/1399041018-tumblr-m1rrtoaodz1r836v5.png);"><table><tbody><tr><td><div class="cadre"><div style="width: 200px; height: 320px; background-image: url(AVATAR 200*320 ICI); "><div class="wow"><div style="height: 10px"></div><div class="name">nom </div><span style="font-family: Arial;"><span style="font-size: 9px;"><strong></strong></span></span> <div align="center" style="font-family: Arial;">titre du lien </div><span style="font-family: Arial;"><span style="font-size: 9px;"><strong></strong></span></span> <div style="height: 10px"></div><div style="height: 250px; overflow: auto;">votre lien</div></div></div></div></td><td><div class="cadre"><div style="width: 200px; height: 320px; background-image: url(AVATAR 200*320 ICI); "><div class="wow"><div style="height: 10px"></div><div class="name">nom</div><span style="font-family: Arial;"><span style="font-size: 9px;"><strong></strong></span></span> <div align="center" style="font-family: Arial;">titre du lien </div><span style="font-family: Arial;"><span style="font-size: 9px;"><strong></strong></span></span> <div style="height: 10px"></div><div style="height: 250px; overflow: auto;">votre lien</div></div></div></div></td></tr></tbody></table></div></center>
Revenir en haut Aller en bas
https://darksidechronicles.forumpro.fr
Contenu sponsorisé



Idées de fiches de liens. Empty
MessageSujet: Re: Idées de fiches de liens.   Idées de fiches de liens. Icon_minitime

Revenir en haut Aller en bas
 

Idées de fiches de liens.

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
 :: Au Commencement. :: La base de données-