Plantilla para teléfono móvil [Opcional]

13/08/2015

12:21

Wednesday 20 Jun

Tu nombre aquí

12:21 PM

Wed, 20 Jun, 12:21 PM

Inserta aquí tu mensaje personalizado

THANKS TO LOUIS AT SHINE!

Code aquí:

Código:: <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'><style type='text/css'>.louisblackbg { width:300px; height:566px; background-image:url(http://i.imgur.com/v21mg1y.png); position:relative; overflow:hidden; }.louisblacklockscreen { position:absolute; top:83px; left:36px; width:224px; height:399px; overflow:hidden; }.louisblackbgimg { position:absolute; top:0px; left:0px; width:224px; height:399px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; } .louisblackdarken { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#fff; opacity:.2; }.louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/6RLyMWZ.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; } .louisblackslide { position:absolute; left:100px; top:5px; width:25px; height:5px; background-image:url(http://i.imgur.com/TPmD3dR.png); transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblacktime { position:absolute; top:35px; width:224px; height:43px; text-align:center; line-height:43px; font-size:50px; color:#000; font-family:lato; font-weight:100; }.louisblackdate { position:absolute; top:85px; width:224px; line-height:13px; text-align:center; font-size:12px; color:#000; font-family:lato; font-weight:100; text-transform:none; }.louisblackcamera { position:absolute; top:375px; left:98px; width:121px; height:16px; background-image:url(http://i.imgur.com/X0mXLoH.png); transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackunlock { position:absolute; top:315px; left:52px; width:120px; height:15px; background-image:url(http://i.imgur.com/1xuqS8G.png); }.louisblackslideright { position:absolute; top:0px; left:0px; width:224px; height:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackslideright { left:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackbgimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackslide { top:-10px; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackbg:hover .louisblackcamera { top:399px; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackbg:hover .louisblackdarken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackbg:hover .louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/cz7Km8B.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackmessages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackmessages { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#000; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackmenu {position:absolute; top:0px; left:0px; width:224px; height:48px; background-color:#f8f8f8; border-bottom:1px solid #e5e5e5; }.louisblackblue { position:absolute; top:22px; left:6px; width:213px; height:14px; background-image:url(http://i.imgur.com/pP1Grtz.png); }.louisblackmtime { position:absolute; top:4px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:none; }.louisblackname { position:absolute; top:25px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#000; font-size:10px; text-align:center; text-transform:none; font-weight:bold; }.louisblackpic { position:absolute; top:60px; left:10px; width:75px; height:75px; border-radius:75px; }.louisblackfiller { position:absolute; top:60px; left:100px; width:124px; height:75px; line-height:75px; color:#8e8e93; font-family:arial; font-size:7px; text-align:center; text-transform:none; }.louisblackyay { position:absolute; top:140px; left:0px; width:204px; height:240px; padding:10px; overflow:auto; }.louisblackbubble { width:184px; padding:10px; background-color:#37a9fc; border-radius:10px; text-align:justify; color:#fff; font-family:arial; font-size:10px; line-height:100%; }.louisblackarrow { position:relative; left:-50px; width:0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #37a9fc; }</style><center><div class='louisblackbg'><div class='louisblacklockscreen'><div class='louisblackbgimg' style='background-image:url(http://i.imgur.com/VERnWAX.jpg);'></div><div class='louisblackdarken'></div><div class='louisblackstats'></div><div class='louisblackslide'></div><div class='louisblackcamera'></div><div class='louisblackslideright'><div class='louisblacktime'>12:21</div><div class='louisblackdate'>Wednesday 20 Jun</div><div class='louisblackunlock'></div></div><div class='louisblackmessages'><div class='louisblackmenu'><div class='louisblackblue'></div><div class='louisblackname'>Tu nombre aquí</div></div><div class='louisblackmtime'>12:21 PM</div><div class='louisblackpic' style=' background-image:url(http://i.imgur.com/PSposhy.jpg);'></div><div class='louisblackfiller'><b>Wed, 20 Jun,</b> 12:21 PM </div><div class='louisblackyay'><div class='louisblackarrow'></div><div class='louisblackbubble'>Inserta aquí tu mensaje personalizado</div></div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[url=http://shine.b1.jcink.com/index.php?showuser=599] THANKS TO LOUIS AT SHINE![/url]</div></center>

Código:: Solo para aclarar dudas, la imagen más grande es de un tamaño de 264x400 px. Y la más pequeña es de 100x100 px.

Para recibir mensajes:

Código:: <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'><style type='text/css'>.louisblackbg { width:300px; height:566px; background-image:url(http://i.imgur.com/v21mg1y.png); position:relative; overflow:hidden; }.louisblacklockscreen { position:absolute; top:83px; left:36px; width:224px; height:399px; overflow:hidden; }.louisblackbgimg { position:absolute; top:0px; left:0px; width:224px; height:399px; opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; } .louisblackdarken { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#222; opacity:.2; }.louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/6RLyMWZ.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; } .louisblackslide { position:absolute; left:100px; top:5px; width:25px; height:5px; background-image:url(http://i.imgur.com/TPmD3dR.png); transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblacktime { position:absolute; top:35px; width:224px; height:43px; text-align:center; line-height:43px; font-size:50px; color:#000; font-family:lato; font-weight:100; }.louisblackdate { position:absolute; top:85px; width:224px; line-height:13px; text-align:center; font-size:12px; color:#000; font-family:lato; font-weight:100; text-transform:none; }.louisblackcamera { position:absolute; top:375px; left:98px; width:121px; height:16px; background-image:url(http://i.imgur.com/X0mXLoH.png); transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackunlock { position:absolute; top:315px; left:52px; width:120px; height:15px; background-image:url(http://i.imgur.com/1xuqS8G.png); }.louisblackslideright { position:absolute; top:0px; left:0px; width:224px; height:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackslideright { left:399px; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackbgimg { transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackslide { top:-10px; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackbg:hover .louisblackcamera { top:399px; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackbg:hover .louisblackdarken { opacity:0; transition-duration: .8s; -webkit-transition-duration: .8s; }.louisblackbg:hover .louisblackstats { position:absolute; top:2px; left:4px; width:217px; height:10px; background-image:url(http://i.imgur.com/cz7Km8B.png); transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackbg:hover .louisblackmessages { opacity:1; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackmessages { position:absolute; top:0px; left:0px; width:224px; height:399px; background-color:#fff; opacity:0; transition-duration: 1.2s; -webkit-transition-duration: 1.2s; }.louisblackmenu {position:absolute; top:0px; left:0px; width:224px; height:48px; background-color:#f8f8f8; border-bottom:1px solid #e5e5e5; }.louisblackblue { position:absolute; top:22px; left:6px; width:213px; height:14px; background-image:url(http://i.imgur.com/pP1Grtz.png); }.louisblackmtime { position:absolute; top:4px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#fff; font-size:10px; text-align:center; text-transform:none; font-weight:none; }.louisblackname { position:absolute; top:25px; width:224px; height:10px; line-height:10px; font-family:Arial; color:#fff; font-size:10px; text-align:center; text-transform:none; font-weight:bold; }.louisblackpic { position:absolute; top:60px; left:10px; width:75px; height:75px; border-radius:75px; }.louisblackfiller { position:absolute; top:60px; left:100px; width:124px; height:75px; line-height:75px; color:#8e8e93; font-family:arial; font-size:7px; text-align:center; text-transform:none; }.louisblackyay { position:absolute; top:140px; left:0px; width:204px; height:240px; padding:10px; overflow:auto; }.louisblackbubble { width:184px; padding:10px; background-color:#37a9fc; border-radius:10px; text-align:justify; color:#fff; font-family:arial; font-size:10px; line-height:100%; }.louisblackarrow { position:relative; left:-50px; width:0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #37a9fc; }</style><center><div class='louisblackbg'><div class='louisblacklockscreen'><div class='louisblackbgimg' style='background-image:url(####IMAGEN DE 225X400###);'></div><div class='louisblackdarken'></div><div class='louisblackstats'></div><div class='louisblackslide'></div><div class='louisblackcamera'></div><div class='louisblackslideright'><div class='louisblacktime'>4:21</div><div class='louisblackdate'>Wednesday 20 Jun</div><div class='louisblackunlock'></div></div><div class='louisblackmessages'><div class='louisblackmenu'><div class='louisblackblue'></div><div class='louisblackname'>####TU NOMBRE AQUI####</div></div><div class='louisblackmtime'>4:21 PM</div><div class='louisblackpic' style=' background-image:url(####IMAGEN DE 75 X 75#####);'></div><div class='louisblackfiller'><b>Wed, 20 Jun,</b> 4:21 PM </div><div class='louisblackyay'><div class='louisblackarrow'></div><div class='louisblackbubble'>#####MENSAJE AQUI####</div></div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>URL=http://shine.b1.jcink.com/index.php?showuser=599] THANKS TO LOUIS AT SHINE![/URL]</div></center>