Please ensure Javascript is enabled for purposes of website accessibility
Méfaits accomplis
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Fnac : 2 Funko Pop achetées : le 3ème offert (large sélection de ...
Voir le deal

Formulaire de fiche de lien (facultatif)

Le directeur
Le directeur
Admin
character
playerMessages : 723
Date d'inscription : 15/09/2019
https://mefaitsaccomplis.forumactif.com

# 06.05.20 1:28
La fiche de liens
NON OBLIGATOIRE
Vous n'avez pas d'idée pour votre fiche de lien ? Nous vous en proposons une toute faite et simple d'utilisation. Vous pouvez l'utiliser si vous le désirez, mais rien n'est obligatoire. En espérant que le modèle vous convienne. Il a été réalisé par Moses, n'enlevez pas le crédit !  Formulaire de fiche de lien (facultatif) 17732885  

ϟ La première partie
Code:
<div class="totalFL"><img src="https://zupimages.net/up/19/39/u2tb.png" class="imgFL"><div class="droiteFL">Petit texte, expression libre</div><div class="droiteFL"><div>INFO</div><div>INFO</div><div>INFO</div><div>INFO</div><div>INFO</div><div>INFO</div><div>INFO</div></div></div><div class="nomFL"><h1>PRENOM NOM</h1>"Citation"</div>

<div class="rechFL"><h1>Liens recherchés</h1>
<div class="lienFL"><img src="https://zupimages.net/up/19/39/bzr1.gif" style="width:135px;float:left;" /><h2>Titre du lien</h2> Description ici et amuse toi</div>

<div class="lienFL"><img src="https://zupimages.net/up/19/39/xnpa.gif" style="width:135px;float:left;" /><h2>Titre du lien</h2> Description ici et amuse toi</div>

<div class="lienFL"><img src="https://www.zupimages.net/up/19/39/i97h.gif" style="width:135px;float:left;" /><h2>Titre du lien</h2> Description ICI et amuse toi</div></div><crdt>Code par Moses. | Avatar par étangs noirs.</crdt>

<style>.totalFL {background-color:white;width:400px;height:320px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:15px auto 0px;} .imgFL {width:200px;height:320px;display:inline-block;position:absolute;top:0px;left:0px;transition:0.5s;} .totalFL:hover .imgFL {left:200px;transition:0.5s;} .droiteFL {width:200px;height:320px;display:inline-block;box-sizing:border-box;padding:25px 40px;vertical-align:top;text-align:justify;overflow:auto;} .droiteFL div {width:100px;box-sizing:border-box;padding:5px;text-align:center;background-color:#E8ECDE;margin:9px auto;color:rgba(0,0,0,0.7);} .nomFL {background-color:#E8ECDE;margin:0px auto 15px;width:402px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.1);padding:15px 35px;color:rgba(0,0,0,0.5);text-transform:uppercase;font-size:9px;} .nomFL h1 {font-family: 'Averia Serif Libre', cursive;text-align:center;margin:0px;font-size:22px;} .rechFL {background-color:white;width:402px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:15px auto 0px;box-sizing:border-box;padding:20px 45px;} .rechFL h1 {font-family: 'Averia Serif Libre', cursive;text-align:center;font-size:25px;opacity:0.7;} .lienFL {background-color:#E8ECDE;box-sizing:border-box;padding:15px;text-align:justify;} .lienFL img {margin-right:10px;} .lienFL h2 {font-family: 'Averia Serif Libre', cursive;font-size:15px;opacity:0.6;margin:0px;} crdt {display:block;margin:2px auto;opacity:0.32;color:black;font-size:9px;text-transform:uppercase;width:250px;text-align:center;}</style>
<link href="https://fonts.googleapis.com/css?family=Averia+Serif+Libre&display=swap" rel="stylesheet">

ϟ La Deuxième partie
Code:
<div class="totalLI"><div class="lienLI"><img src="https://i.imgur.com/rpdzVaR.png" class="imgLI"/><div class="descLI"><h1>Nom Prénom</h1><h2 class="sstLI">Sous titre</h2>
Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siqum et vini penitus ignorantes.

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 class="lienLI"><img src="https://i.imgur.com/rpdzVaR.png" class="imgLI"/><div class="descLI"><h1>Nom Prénom</h1><h2 class="sstLI">Sous titre</h2>
Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes.

Primi igitur omnediximus enim Montium sub ipso vivendi termino his vocabulis appellatos fabricarum culpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div><div class="lienLI"><img src="https://i.imgur.com/rpdzVaR.png" class="imgLI"/><div class="descLI"><h1>Nom Prénom</h1><h2 class="sstLI">Sous titre</h2>
Victus universis caro ferina est es capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes.

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 class="lienLI"><img src="https://i.imgur.com/rpdzVaR.png" class="imgLI"/><div class="descLI"><h1>Nom Prénom</h1><h2 class="sstLI">Sous titre</h2>
Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes.

Primi igitur omnium statuuntur Epiculpasse tribunos ut adminicula futurae molitioni pollicitos.</div></div><div class="lienLI"><img src="https://i.imgur.com/rpdzVaR.png" class="imgLI"/><div class="descLI"><h1>Nom Prénom</h1><h2 class="sstLI">Sous titre</h2>
Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi tus ignorantes.

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 class="lienLI"><img src="https://i.imgur.com/rpdzVaR.png" class="imgLI"/><div class="descLI"><h1>Nom Prénom</h1><h2 class="sstLI">Sous titre</h2>
Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi per aucupium possint, et plerosque mos vidimus frumenti usum et vini penitus ignorantes.

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>
<crdt>Code et avatars par Moses.</crdt>
<style>.totalLI {width:414px;margin:15px auto;display:flex;flex-wrap:wrap;justify-content:space-between;} .lienLI {width:200px;height:370px;overflow:hidden;background-color:#E8ECDE;position:relative;border:1px solid rgba(0,0,0,0.1);margin-bottom:15px;} .imgLI {width:200px;height:320px;} .descLI {box-sizing:border-box;width:200px;height:320px;padding:10px 25px;position:absolute;top:320px;left:0px;transition:0.5s;background-color:#E8ECDE;text-align:justify;color:rgba(0,0,0,0.7);font-size:10px;} .lienLI:hover .descLI {top:0px;} .descLI h1 {font-family: 'Averia Serif Libre', cursive;text-align:center;opacity:0.5;margin:0px auto 0px;font-size:17px;} .sstLI {color:rgba(0,0,0,0.7);font-size:9px;text-transform:uppercase;font-weight:normal;text-align:center;margin:0px;} crdt {display:block;margin:2px auto;opacity:0.32;color:black;font-size:9px;text-transform:uppercase;width:250px;text-align:center;}</style>
<link href="https://fonts.googleapis.com/css?family=Averia+Serif+Libre&display=swap" rel="stylesheet">


ϟ Rajouter une ligne de liens
Code:
<div class="lienLI"><img src="https://i.imgur.com/rpdzVaR.png" class="imgLI"/><div class="descLI"><h1>Nom Prénom</h1><h2 class="sstLI">Sous titre</h2>
Victus universis caro ferina est lactisque abundans copia qua sustentantur, et herbae multiplices et siquae alites capi tus ignorantes.

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>
FORMULAIRE CRÉÉ PAR ICE AND FIRE. (2022)

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Sauter vers: