Modèle de fiche de liens ϟ UC

Directrice de Poudlard

Une fiche de liens

Voici un modèle de fiche de liens. Il n'est pas obligatoire, vous pouvez très bien en prendre un de votre choix et y faire figurer les informations que vous jugerez nécessaires. Mais si vous n'avez pas d'idée ou la flemme d'en chercher un, vous pouvez toujours prendre celui-ci ! Vous pouvez le modifier autant que vous voulez tant que vous laissez le copyright, parce que j'ai mis du temps à le faire et que ça montre un peu de reconnaissance envers mon travail. La deuxième partie du code appartient à Mei d'Epicode.
Sachez aussi que le code est largement perfectible, donc encore une fois, si vous souhaitez changer quoi que ce soit dedans, n'hésitez pas.

Présentation:

Liens:

Code:: <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><style type="text/css">.cadre_1{width: 200px; height: 250px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto; margin: auto;} .cadre_1:hover{opacity: 1;} .cadre_2{width: 200px; height: 250px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto; margin: auto;} .cadre_2:hover{opacity: 1;} .cadre_3{width: 200px; height: 250px; background-color: #010101; text-align: center; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; overflow: auto; margin: auto;} .cadre_3:hover{opacity: 1;}</style> <table><tr><td><div style="width: 200px; height: 250px; background-image: url(http://cs410122.vk.me/v410122020/73c9/gBYmLDCDT90.jpg); background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px; color: #D5D5D5;"><br>NOM PRENOM</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px; color: #D5D5D5;"><br><br>[b]TITRE DU LIEN : [/b] [b]MAISON/METIER : [/b] Décrivez le lien ici</div></div></td> <td><div style="width: 200px; height: 250px; background-image: url(http://cs410122.vk.me/v410122020/73c9/gBYmLDCDT90.jpg); background-repeat: no-repeat;"><div class="cadre_2"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px; color: #D5D5D5;"><br>NOM PRENOM</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px; color: #D5D5D5;"><br><br>[b]TITRE DU LIEN : [/b] [b]MAISON/METIER : [/b] Décrivez le lien ici</div></div></td> <td><div style="width: 200px; height: 250px; background-image: url(http://cs410122.vk.me/v410122020/73c9/gBYmLDCDT90.jpg); background-repeat: no-repeat;"><div class="cadre_3"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px; color: #D5D5D5;"><br>NOM PRENOM</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px; color: #D5D5D5;"><br><br>[b]TITRE DU LIEN : [/b] [b]MAISON/METIER : [/b] Décrivez le lien ici</div></div></td></tr> <tr><td><div style="width: 200px; height: 250px; background-image: url(http://cs410122.vk.me/v410122020/73c9/gBYmLDCDT90.jpg); background-repeat: no-repeat;"><div class="cadre_1"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px; color: #D5D5D5;"><br>NOM PRENOM</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px; color: #D5D5D5;"><br><br>[b]TITRE DU LIEN : [/b] [b]MAISON/METIER : [/b] Décrivez le lien ici</div></div></td><td><div style="width: 200px; height: 250px; background-image: url(http://cs410122.vk.me/v410122020/73c9/gBYmLDCDT90.jpg); background-repeat: no-repeat;"><div class="cadre_2"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px; color: #D5D5D5;"><br>NOM PRENOM</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px; color: #D5D5D5;"><br><br>[b]TITRE DU LIEN : [/b] [b]MAISON/METIER : [/b] Décrivez le lien ici</div></div></td> <td><div style="width: 200px; height: 250px; background-image: url(http://cs410122.vk.me/v410122020/73c9/gBYmLDCDT90.jpg); background-repeat: no-repeat;"><div class="cadre_3"><div style="text-align: center; font-family: Fjalla One; font-size: 24px; text-transform: uppercase; padding-top: 10px; color: #D5D5D5;"><br>NOM PRENOM</div><div style=" font-family: Arial; padding-right: 10px; padding-left: 10px; line-height: 10px; text-align: justify; font-size: 10px; padding-left: 17px; color: #D5D5D5;"><br><br>[b]TITRE DU LIEN : [/b] [b]MAISON/METIER : [/b] Décrivez le lien ici</div></div></td></tr></table>

© code by Lou' sur Epicode, modifié par McGo

Directrice de Poudlard

Nom Prénom

Petite phrase cool ou Sous-titre

Saepissime igitur mihi de amicitia cogitanti maxime illud considerandum videri solet, utrum propter imbecillitatem atque inopiam desiderata sit amicitia, ut dandis recipiendisque meritis quod quisque minus per se ipse posset, id acciperet ab alio vicissimque redderet, an esset hoc quidem proprium amicitiae, sed antiquior et pulchrior et magis a natura ipsa profecta alia causa. Amor enim, ex quo amicitia nominata est, princeps est ad benevolentiam coniungendam. Nam utilitates quidem etiam ab iis percipiuntur saepe qui simulatione amicitiae coluntur et observantur temporis causa, in amicitia autem nihil fictum est, nihil simulatum et, quidquid est, id est verum et voluntarium.

Vita est illis semper in fuga uxoresque mercenariae conductae ad tempus ex pacto atque, ut sit species matrimonii, dotis nomine futura coniunx hastam et tabernaculum offert marito, post statum diem si id elegerit discessura, et incredibile est quo ardore apud eos in venerem uterque solvitur sexus. Hoc inmaturo interitu ipse quoque sui pertaesus excessit e vita aetatis nono anno atque vicensimo cum quadriennio imperasset. natus apud Tuscos in Massa Veternensi, patre Constantio Constantini fratre imperatoris, matreque Galla sorore Rufini et Cerealis, quos trabeae consulares nobilitarunt et praefecturae.

Vous pouvez entrer ici des informations secondaires concernant votre personnage, comme son histoire, par exemple !

Créé par Kai pour AVA

NOM PRENOM TITRE DU LIEN : MAISON/METIER : Décrivez le lien ici	NOM PRENOM TITRE DU LIEN : MAISON/METIER : Décrivez le lien ici	NOM PRENOM TITRE DU LIEN : MAISON/METIER : Décrivez le lien ici
NOM PRENOM TITRE DU LIEN : MAISON/METIER : Décrivez le lien ici	NOM PRENOM TITRE DU LIEN : MAISON/METIER : Décrivez le lien ici	NOM PRENOM TITRE DU LIEN : MAISON/METIER : Décrivez le lien ici

00 point	00 point
00 point	00 point