Accueil
Invité
est en ligne
Invité
|
|
- Code:
<center><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;margin-left: -424px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} .lockscreen:hover .imessage {position:relative;left:212px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} newmessage {color: white; font: 100 8px roboto; text-transform: lowercase; opacity: .8}::-webkit-scrollbar { width: 1px; }::-webkit-scrollbar-track { background-color: transparent; }::-webkit-scrollbar-thumb { background-color: #ecf8fe; }.talkbubble {width: 140px; max-height: 230px; position:relative; padding: 10px 2px 10px 10px; margin-left: 40px; margin-top: 28px; 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><div style="width: 250px; height: 526px; background: url(http://i.imgur.com/IYWxB9l.png);"><div style="width: 212px; height: 375px; background-image: url(http://i61.tinypic.com/2d2ccqv.png); position: relative; top: 77px; left: 1px;"><div id="ios7"><div class="lockscreen"><div class="imessage"><table cellpadding="0" cellspacing="0"><td><div style="width:212px; height:375px; background-image: url(http://i.imgur.com/iDXlLSx.png)"><table cellpadding="5" cellspacing="5"><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;">TON PRENOM ICI</div></td></tr><tr><td><div class="talkbubble"><div style="width: 135px; color: white; font: 100 9px roboto; text-align: justify; padding-right: 7px; max-height: 230px; overflow: auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
</div></div></td></tr></table></div></td><td><div style="width:212px;height:375px; background-image:url(http://i.imgur.com/94AxMOG.png)"><table style="position: relative; top: 100px; left: 10px; padding: 10px 0px;"><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;">TON PRENOM ICI</div></td><td><newmessage>now</newmessage></td></tr></table></div></td></table></div></div></div></div></div><div style="width: 225px; text-align: right"></center>
(Invité)
