<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&lang=en" />
<style>.whtelfond{width:230px; height:356px; padding-top: 50px; padding-bottom: 50px;} .whtelverr{background-repeat: none; width:202px; height: 304px; margin-left:2px; padding-top: 50px;} .whtelheure{font-size:20px; margin-left:5px; float:right; font-size:50px;} .whtelnotif{border-radius:2em; background:black; opacity:0.7; height:50px;color:white; text-align:left;} .whtelimg{width:40px; float:left; padding-left:15px; padding-top:5px;} .whtelmsg{opacity:0; transition: 0.7s; transform: all; background:Gainsboro; width:202px; height: 354px; margin-left:1px;margin-top:-372px; color:black;} .whtelmsg:hover{opacity:1; position:relative; z-index:2} .whtelnom{ color:black; width:100%; font-size:20px; height:20px;text-align:left;} .whtelfin1{height:26px; margin-top:295px;} .whtelfin2{background:white;margin-left:5px; margin-top:-14px;height:15px; width:192px; border-radius:1em;} .whtelzone{width:127px; margin-top:-262px;overflow:auto; max-height:280px;text-align:justify;font-size:12px;} .whtelimg2{width:45px;margin-top:-262px; margin-right:10px;} .whtelsign{text-align:center;color:black;font-family:verdana;font-size:8px;}</style>

[center]<div class="whtelfond" style="background-image: url(https://i.imgur.com/SnZjgtO.png); font-family:PT Sans;"><div class="whtelverr" style="background-image: url(https://i.pinimg.com/236x/04/e9/60/04e96086ea921b460d3d797002dd2f21--long-hairstyles-for-men-long-haired-men.jpg"><div class="whtelheure" style="color:firebrick;"></div><div class="whtelnotif" style="margin-top:210px;"><img src="https://img.discogs.com/e2247Q1CDgrBdt_DYpPNz1jZoYg=/fit-in/600x589/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-7180278-1509366768-5931.jpeg.jpg" class="whtelimg" /><br/><span style="margin-left:10px;">I'Am X - [i]alive in new light[/i]</span></div></div>
<div class="whtelmsg"><img src="vide.jpg" style="width:202px;"/> <div class="whtelnom" style=" background:firebrick;">< [b]nom ici[/b]</div><div class="whtelzone" style="background:firebrick; float:right; margin-right:10px; border-radius:0px 10px 10px 10px; clear:both;"><div style="margin:5px;">MESSAGE ICI</div>
</div><img class="whtelimg2" src="https://66.media.tumblr.com/3dd675b24bf5d9bfe93625af2ccf4e3d/tumblr_nswrfn69bU1udzz5po1_1280.jpg" style="float:left;margin-left:7px;"><div class="whtelfin1" style="background:firebrick;"><br/><div class="whtelfin2">Répondre</div></div></div></div><div class="whtelsign">(c) Jealy</div>[/center]