Accueil
Code:
<style>.chat-bubble {font-size:11px;font-family: arial;font-weight: 400; color: black;line-height:95%;margin:6px auto;padding:6px; position: relative;text-align:justify;width:150px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(90,150,40)), color-stop(0.28, rgb(160,215,60)), color-stop(1, rgb(165,255,69)));background:-moz-linear-gradient(center top, rgb(90,150,40) 0%, rgb(160,215,60) 28%, rgb(165,255,69) 100%);border:1px solid #38691a;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 10px; -webkit-box-shadow: rgba(160, 215, 60, 0.7) 2px 4px 5px;-moz-box-shadow: rgba(160, 215, 60, 0.7) 2px 4px 5px; /* FF 3.5+ */ box-shadow: rgba(160, 215, 60, 0.7) 2px 4px 5px;}.chat-bubble-glare {position: absolute;top: 0px;left: 4px; height: 6px;width: 154px;padding: 6px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));background: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0)));}.chat-bubble-arrow {border-color: transparent #a5ff45 transparent transparent;border-style: solid;border-width: 6px;height:0;width:0;position:absolute;bottom:-1px;left:-3px;-webkit-transform: rotate(70deg); -moz-transform: rotate(70deg); transform: rotate(70deg);}.chat-bubble-arrow-border {border-color: transparent #38691a transparent transparent;border-style: solid; border-width: 6px; height:0; width:0; position:absolute; bottom:-3px; left:-5px; -webkit-transform: rotate(70deg);-moz-transform: rotate(70deg);}</style><div style="width: 244px; height: 498px; background-image: url(http://image.noelshack.com/fichiers/2013/12/1363707450-02.png);"/><div style="font-family: verdana; color: white; text-shadow: -1px -1px -1px LightSlateGrey; font-weight: 600; text-align: center; position: relative; bottom: -90px;">Prénom</div><div style="height: 150px; width: 215px;overflow: auto;position:relative; top: 100px;left: 10px;"><div class="chat-bubble"><div class="chat-bubble-glare"></div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<div class="chat-bubble-arrow-border"></div> <div class="chat-bubble-arrow"></div> </div></div><div style="position: relative; top: 265px; text-align: center; font-size: 7px; color: grey; text-transform : uppercase;">Credit to [url=http://www.i-love-harvard.com/u90]Kaiji[/url] from [url=http://www.i-love-harvard.com/t13170-telephone-2#402197]ILH[/url]</div></div>