<style> .rp { background-image: url(https://2img.net/image.noelshack.com/fichiers/2016/33/1471526799-103005-dark-background-texture-of-beech-hd-p.jpg); width:800px; height:600px; box-shadow: 1px 2px lightgrey; border-radius: 05px; margin:auto; } .titre { -webkit-transition: 0.5s; transition: 0.5s; font-family: 'Lucida Handwriting'; color: white; text-shadow: 1px 1px lightgrey; font-size: 25px; margin:auto; text-align:center; } .titre:hover { color: #869296; -webkit-transform:scale(0.9); transform:scale(0.9);} .soustitre { -webkit-transition: 0.5s; transition: 0.5s; color:lightgrey; text-align:left; padding-left:05px; font-size: 13px; } .soustitre:hover { -webkit-transform:rotate(02deg); transform:rotate(02deg);} .image { width: 100px; height:100px; border-radius: 100px; opacity:0.8; position:relative; margin-top:-120px; margin-left:700px; -webkit-transition: 0.5s; transition: 0.5s;} .image:hover { opacity:1;} .texte { margin:auto; width:750px; height:480px; padding:05px; text-align:justify; color:#585959; overflow:auto; letter-spacing: -0.05em;}</style>

<div class="rp"><div class="titre">[TITRE]</div>
<div class="soustitre">[SOUS-TITRE] ou [DATE]</div><img src="[LIEN IMAGE PERSONNAGE]" class="image" />

<div class="texte" style="color: white;">
TEXTE TEXTE TEXTE</div><div style="font-size: 09px; text-align:center; color: lightgrey;">By Merwyn Arehdel sur <a Href="http://www.never-utopia.com">Nu</a></div></div>