Journal de bord

Images/couleurs

Image 1
(160x80)

Image 2
(160x160)

Image 3
(420x279)

A propos

Prénom et Nom

Surnom(s)

Âge

Groupe

Situation

Orientation sexuelle

Métier/fonction

Anecdotes

Les liens à pourvoirs

Citations

Citation 1

Citation 2

HTML ‹/›

<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="background: #464646; width: 460px;"><div style="background: url('https://i.imgur.com/2aiNQkl.png'); width: 420px; height: 112px; padding: 20px;"><div style="margin-right: 310px; background: #fff; width: 160px; border: 10px solid #eee; padding: 10px; font-family: arial; font-size: 10px; color: #898989; text-align: justify; font-style: italic; line-height: 95%; overflow: auto; text-transform: none; text-shadow: none; overflow-y: auto;"><i>nom prénom; #prenom#
surnom; #surnom#
âge; #age# ans.
groupe; #groupe#.
situation; #situation#.
orientation; #orientation#.
métier; #metier#.
</i></div></div></div><br><div style="font-family: Gotham; font-size: 51px; text-align: center; text-transform: uppercase; letter-spacing: -3px; line-height: 100%; font-style: normal; font-weight: 700;" class="mohr_title">#citation1#</div><br><table><td><div style="background: #fff; width: 200px;"><img src="#image1#" style="width: 160px; margin-left: -3px;" class="mohr_border" /></div><div style="background: #fff; width: 200px;"><img src="#image2#" style="width: 160px; margin-top: 5px; margin-left: -3px;" class="mohr_border2" /></div></td><td><div style="background: #464646; width: 216px; height: 285px; margin-left: -2px; padding: 20px;"><div style="background: #fff; width: 166px; height: 235px; padding: 15px; border: 10px solid #eee;"><div style="width: 161px; height: 235px; padding-right: 5px; overflow: auto; font-family: arial; font-size: 11px; color: #898989; text-align: justify; font-style: italic; line-height: 95%;text-transform: none; text-shadow: none;">#anecdote#</div></div></div></td></table><div style="font-family: Gotham; font-style: normal; font-size: 51px; text-align: justify; text-transform: uppercase; letter-spacing: -3px; line-height: 200%; margin-top: -50px; font-weight: 700;" class="mohr_title"><blockquote><center>#citation2#</center></blockquote></div><img src="#image3#" style="width: 420px;margin-top: -50px;" class="mohr_border" /><br><br><div style="background: #222; width: 460px;"><div style="background: url('https://i.imgur.com/D17qoLk.png'); width: 420px; height: 112px; padding: 20px;"><div style="margin-left: 215px; background: #fff; width: 160px; height: 72px; border: 10px solid #eee; padding: 10px;"><div style="width: 155px; height: 72px; overflow: auto; padding-right: 5px; font-family: arial; font-size: 10px; color: #898989; text-align: justify; font-style: italic; line-height: 95%;text-transform: none; text-shadow: none;">#relationsneed#</div></div></div></center>

linus pour Epicode