Fiche de relations

Images/couleurs

Type de relation

Bons

Neutres

Mauvais

Image 1
(70x70)

Image 2
(70x70)

Image 3
(70x70)

Image 4
(70x70)

A propos

Prénom et Nom 1

Détails de la relation 1

Prénom et Nom 2

Détails de la relation 2

Prénom et Nom 3

Détails de la relation 3

Prénom et Nom 4

Détails de la relation 4

HTML ‹/›

<center><center><style>.mohr_title {color: #464646; text-shadow: 2px 0 0 #222; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} .mohr_title:hover {color: #222; text-shadow: 2px 0 0 #464646} .mohr_border {border: 15px solid #464646; padding: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} .mohr_border:hover {border: 15px solid #222;} .mohr_border2 {border: 15px solid #222; padding: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} .mohr_border2:hover {border: 15px solid #464646;}</style><div style="width: 460px; font-family: Gotham; font-size: 75px; text-align: center; text-transform: uppercase; letter-spacing: -5px; line-height: 100%; font-style: normal;" class="mohr_title">#titrerelation#</div>
<div style="background: #464646; width: 460px;"><div style="background: url('https://i.imgur.com/2aiNQkl.png'); width: 420px; height: 100px; padding: 20px;"><table><td><img src="#image1#" style="width: 70px; height: 70px; border: 10px solid #eee; padding: 5px; margin-left: -3px;" /></td><td><div style="background: #fff; width: 276px; height: 60px; padding: 10px; border: 10px solid #eee;"><div style="width: 271px; height: 60px; overflow: auto; padding-right: 5px; font-family: arial; font-size: 11px; color: #898989; text-align: justify; font-style: italic;text-transform: none; text-shadow: none; line-height: 95%;"><i>#prenom1# →</i> #detail1#</div></div></td></table></div></div>

<div style="background: #222; width: 460px;"><div style="background: url('https://i.imgur.com/D17qoLk.png'); width: 420px; padding: 20px;"><table><td><div style="margin-left: -3px; background: #fff; width: 276px; height: 60px; border: 10px solid #eee; padding: 10px;"><div style="width: 271px; height: 60px; overflow: auto; padding-right: 5px; font-family: arial; font-size: 11px; color: #898989; text-align: justify; font-style: italic; line-height: 95%;text-transform: none; text-shadow: none;"><i>#prenom2# →</i> #detail2#</div></div></td><td><img src="#image2#" style="width: 70px; height: 70px; border: 10px solid #eee; padding: 5px;" /></td></table></div></div>

<div style="background: #464646; width: 460px;"><div style="background: url('https://i.imgur.com/2aiNQkl.png'); width: 420px; height: 100px; padding: 20px;"><table><td><img src="#image3#" style="width: 70px; height: 70px; border: 10px solid #eee; padding: 5px; margin-left: -3px;" /></td><td><div style="background: #fff; width: 276px; height: 60px; padding: 10px; border: 10px solid #eee;"><div style="width: 271px; height: 60px; overflow: auto; padding-right: 5px; font-family: arial; font-size: 11px; color: #898989; text-align: justify; font-style: italic;text-transform: none; text-shadow: none; line-height: 95%;"><i>#prenom3# →</i> #detail3#</div></div></td></table></div></div>

<div style="background: #222; width: 460px;"><div style="background: url('https://i.imgur.com/D17qoLk.png'); width: 420px; padding: 20px;"><table><td><div style="margin-left: -3px; background: #fff; width: 276px; height: 60px; border: 10px solid #eee; padding: 10px;"><div style="width: 271px; height: 60px; overflow: auto; padding-right: 5px; font-family: arial; font-size: 11px; color: #898989; text-align: justify; font-style: italic; line-height: 95%;text-transform: none; text-shadow: none;"><i>#prenom4# →</i> #detail4#</div></div></td><td><img src="#image4#" style="width: 70px; height: 70px; border: 10px solid #eee; padding: 5px;" /></td></table></div></div></center>

linus pour Epicode