Pandemonium
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Últimos temas
» Tabillas bonis
Modelo de Móvil EmptyLun Feb 22, 2021 4:02 pm por Invitado

» Primera nota
Modelo de Móvil EmptyMiér Dic 16, 2020 1:54 am por Pandémonium

» BRIANNA GALLAHER
Modelo de Móvil EmptyMiér Dic 02, 2020 11:05 pm por Pandémonium

» firma VElez
Modelo de Móvil EmptyMiér Dic 02, 2020 10:53 pm por Invitado

» Tablillas de OLi
Modelo de Móvil EmptyMiér Dic 02, 2020 10:29 pm por Invitado

» MICHELE D'AMICO
Modelo de Móvil EmptyMiér Dic 02, 2020 10:25 pm por Pandémonium

» Tablillas que me gustaron de post XD
Modelo de Móvil EmptyMiér Dic 02, 2020 9:25 pm por Invitado

» EKATHERINA BARKER
Modelo de Móvil EmptyMiér Dic 02, 2020 9:03 pm por Invitado

» ENZO BIANCHI
Modelo de Móvil EmptyMiér Dic 02, 2020 7:32 pm por Invitado

» Itzam-ná I. Montenegro
Modelo de Móvil EmptyMiér Dic 02, 2020 7:27 pm por Invitado


Modelo de Móvil

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de Móvil Empty Modelo de Móvil

Mensaje por Pandémonium Miér Nov 16, 2016 2:49 am

A
Nombre Apellido
Nombre Apellido
B
Nombre Apellido
Nombre Apellido
Nombre
last seen 15 mar 10:11
asdf
asdf


» Sydonia





Código:
<center><div class="movilete"><img src="http://i.imgur.com/M0OynKc.png" style="position:relative; top:68px; margin-left: -20px;"><div class="movileteFo"></div><div class="moviletePe"><input type="radio" id="moviletePe-1" name="moviletePe-group-1"><label for="moviletePe-1" style="padding:0px; width:30px; height:30px;"><img src="http://icons.iconarchive.com/icons/kocco/ndroid/128/contacts-icon.png" style="width:30px; height:30px;"></label><div class="movileteCo" style="background: url(http://i.imgur.com/Q1jO4SY.png)"><div class="agenda"><div class="agendaABCD">A</div><b>Nombre</b> Apellido<div class="lineaAG"></div><b>Nombre</b> Apellido<div class="lineaAG"></div><div class="agendaABCD">B</div><b>Nombre</b> Apellido<div class="lineaAG"></div><b>Nombre</b> Apellido<div class="lineaAG"></div></div></div><div class="moviletePe"><input type="radio" id="moviletePe-2" name="moviletePe-group-1"><label for="moviletePe-2" style="padding:0px; width:30px; height:30px;"><img src="http://icons.iconarchive.com/icons/judge/iphone/128/phone-icon.png" style="width: 30px; height: 30px;"></label><div class="movileteCo" style="background: url(http://i.imgur.com/b4CEhcd.png)"></div><div class="moviletePe"><input type="radio" id="moviletePe-3" name="moviletePe-group-1"><label for="moviletePe-3" style="padding:0px; width:30px; height:30px;"><img src="http://www.icon100.com/up/3114/256/whatsapp.png" style="width:33px; height:33px; margin-top:-1.6px; margin-left: -1.5px;"></label><div class="movileteCo" style="background: url(http://i.imgur.com/H65mjlv.png)"><div class="whats1"><img src="http://placehold.it/25x25" style="float:left; margin-left: 4px; margin-top: -3px;"><div class="whats2"><b>Nombre</b><br><font size=0.1px>last seen 15 mar 10:11</font></div><table><td><div class="whats3">asdf</div></td><td><div class="whats3-2">►</div></td></table><table><td><div class="whats3-2" style="color:#fcfbf6; margin-left:5px; margin-right: -5px;">◄</div></td><td><div class="whats3" style="background-color: #fcfbf6; margin-left: 0px;">asdf</div></td></table></div></div><div class="moviletePe"><input type="radio" id="moviletePe-4" name="moviletePe-group-1"><label for="moviletePe-4" style="padding:0px; width:30px; height:30px;"><img src="http://m.phillyphotography.com/images/icons/pink/image-iphone-icon.png" style="width:30px; height:30px;"></label><div class="movileteCo" style="background: url(http://i.imgur.com/qoSt3CN.png)"><div class="galeria"><center><img src="http://placehold.it/80"> <img src="http://placehold.it/80"> <img src="http://placehold.it/80"> <img src="http://placehold.it/80"></center></div></div><div class="moviletePe"><input type="radio" id="moviletePe-5" name="moviletePe-group-1" checked><label for="moviletePe-5" style="top:78px; left: -25px; border-radius:50px;">O</label><div class="movileteCo" style="opacity: 0 !important;"></div></div></div>

<style>.movilete {background: url(https://vefverslun.siminn.is/store/assets/Phones/iPhone/iphone6plus/l_0001_iPhone6Plus_PF_SpGry_WW-EN-SCREEN.png);width: 400px;height: 500px;padding: 10px;position: relative;top: 0px;}</style><style>.moviletePe {float: left;}</style><style>.moviletePe label {opacity: 0.7;float: left;text-align: center;z-index: 999;display: block;cursor: pointer;background: none !important; color: #f4f4f4;padding: 5px;position: relative;top: 30px;left: 91px;margin-left: 16px;width: 20px;height: 20px;border-radius: 6px;}</style><style>.movilete [type=radio] {display: none;}</style><style>.movileteCo {background: #3d3432;width: 200px;height: 300px;text-align: justify;transform: scale(0);transition: 1.5s;position: absolute;top: 88px;left: 100px;color: #bdbdbd;font-family: open sans;font-size: 12px;overflow: auto;text-align: justify;opacity: 0;}</style><style> [type=radio]:checked ~ label {opacity: 1;z-index: 2; background-color: none !important;}</style><style> [type=radio]:checked ~ label ~ .movileteCo {z-index: 2;transform: scale(1);transition: 1.5s;opacity: 1 !important;}</style><style>.movileteFo {background: url(http://placehold.it/200x345);background-repeat: no-repeat;width: 200px;height: 345px;position: relative;top: 68px;margin-left: -20px;}</style><style>.galeria {width: 200px; margin-top: 24px; height: 276px; overflow-x: hidden; overflow-y: auto;}</style><style>.agenda{width: 180px; padding:10px; margin-top: 53px; height: 227px; overflow: auto; color: black; font-size: 12px;}</style><style>.agendaABCD {background-color: #f7f7f7; color: black; font-weight: bold; font-size: 14px;}</style><style>.lineaAG{border-bottom: 1px solid black; opacity: 0.2;}</style><style>.whats1{text-align: center; color: black;padding: 5px; font-size: 12px;}</style><style>.whats2{margin-top:0px; margin-left: 20px; float: left; line-height: 10px; font-family: helvetica; color: white;}</style><style>.whats3{background-color: #efffe8; margin-top: 10px; margin-left: 5px; width: 150px; padding: 5px; text-align:left; font-family: helvetica; -webkit-box-shadow: 6px 3px 3px -3px rgba(0,0,0,0.47);-moz-box-shadow: 3px 3px 3px -3px rgba(0,0,0,0.47);box-shadow: 3px 3px 3px -3px rgba(0,0,0,0.47); max-height: 50px; overflow: hidden;}</style><style>.whats3-2{color: #efffe8; margin-left: -6px}</style><style>.galeria img{width: 80px; height: 80px;}</style></div></div></div><a href="http://serendipity.foroactivo.com/u587"><div style="margin-top: 125px; color: white; text-shadow: black 0.1em 0.1em 0.2em; text-align: center; width: 65px; background: #bcbdc1; padding: 0px 5px 5px 5px; font-size: 9px; margin-left:-20px;">» Sydonia</div></a></div></center>
Pandémonium
Sobre mí
Mensajes : 953
Fecha de inscripción : 08/01/2015
Localización : Ominepresente
Para más información
https://pandemonium18.foroactivo.mx
Pandémonium
Admin

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permisos de este foro:
No puedes responder a temas en este foro.