Accueil
Invité
est en ligne
Invité
|
|
- Code:
<link href="http://fonts.googleapis.com/css?family=Roboto:100,200,300,400|" rel="stylesheet" type="text/css"><style type="text/css">.ios7 {width: 212px; height: 375px; position: absolute; overflow: hidden}.lockscreen {width:212px;height:375px;overflow:hidden} .imessage {width:212px;height:375px;position:relative;-webkit-transform:translateX(-212px); transform:translateX(-212px); -moz-transform:translateX(-212px); -o-transform:translateX(-212px); -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;} .lockscreen:hover .imessage {position:relative;-webkit-transform:translateX(0px); transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px);} newmessage {color: white; font: 100 8px roboto; text-transform: lowercase; opacity: .8}.talkbubble {width: 140px; max-height: 220px; position:relative; padding: 10px 2px 10px 10px; margin-left: 40px; margin-top: 35px; background:#328eec; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}.talkbubble:before { content:""; position:absolute; bottom:-5px; left:125px; border:0; border-right-width:20px; border-bottom-width:10px; border-style:solid; border-color:transparent #328eec; display:block; width:0;}.talkbubble:after {content:""; position:absolute; bottom:-10px; left:80px; border:0; border-right-width:0px; border-bottom-width:10px; border-style:solid; border-color:transparent #fff; display:block; width:0;</style><center><div style="width: 250px; height: 526px; background: url(http://i.imgur.com/IYWxB9l.png);"><div style="width: 212px; height: 375px; background-position:center;background-image: url(http://hd-wall-papers.com/images/wallpapers/city-sunset-wallpaper/city-sunset-wallpaper-22.jpg);background-size:auto 100%; position: relative; top: 77px; left: 1px;"><div class="ios7"><div class="lockscreen"><div class="imessage"><table cellpadding="0" cellspacing="0"><tbody><tr><td><div style="width:212px; height:375px; background-image: url(http://i.imgur.com/iDXlLSx.png);background-size:auto 100%; position: relative; top: 77px; left: 1px;"><table cellpadding="5" cellspacing="5"><tbody><tr><td><div style="width: 95px; height: 20px; color: black; font: 400 11px roboto; text-align: center; position: relative; top: 10px; left: 56px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 95px;">VOTRE PSEUDO ICI</div></td></tr><tr><td><div class="talkbubble"><div style="width: 135px; color: white; font: 400 9px roboto; text-align: justify; padding-right: 7px; max-height: 230px; overflow: auto">VOTRE MESSAGE ICI. </div></div></td></tr></tbody></table></div></td><td><div style="width:212px;height:375px; background-image: url(https://s-media-cache-ak0.pinimg.com/564x/30/75/4a/30754a6a5a48ca6f3cb61f67edf6f0d0.jpg)"><table style="position: relative; top: 100px; left: 10px; padding: 10px 0px;"><tbody><tr><td><img src="http://i.imgur.com/d5ADchh.png" width="20px"" style="margin-right: 5px"></td><td><div style="color: white; max-width: 140px; font: 400 11px roboto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">VOTRE PSEUDO ICI</div></td><td><newmessage>now</newmessage></td></tr></tbody></table></div></td></tr></tbody></table></div></div></div></div></div></center>
(Invité)
