Vale, este código es una locura pero total xD Pero bueno, os añado una versión "fácil", en mayuscula pone lo que hay que sustituir
LISTO!
Consejos para modificar el código:
Los campos modificables son
LINK A UNA IMAGEN DE 108X310 PARA EL FONDO DE PANTALLA
NOMBRE CONTACTO
IMAGEN CONTACTO
LINK A LA CANCIÓN CONTACTO
Los números de teléfono, que si queréis cambiarlos podéis buscar los números en sí ( +1 74 134 212 +1 52 674 520 +1 10 439 604 +1 46 627 765 )
Si copiáis el código en vuestro procesador de textos favorito y usáis la opción de buscar iréis de uno a otro sin tener que leer todo el código mil trescientas veces.
LAS MEDIDAS DE LAS IMÁGENES SON
108x310 para el fondo de pantalla
80x80 para las imágenes de contacto.
Las canciones han de ser links con la terminación .mp3 (Por ejemplo ) en mp3skull tienen bastantes y si no siempre podéis buscar por google a ver si encontráis.
- Código:
-
<style type="text/css">#movil1 {position: relative; overflow: hidden; width: 210px; height: 312px; top: 91px;} #movil1 .pantalla {position: absolute; top: 0px; right: 1px; transition:1s;} #movil1:hover .pantalla {right: -208px; transition:1s:} .pandat {font-family: Raleway; font-size: 50px; font-weight: 400; color: #eee; text-align: center; padding-top: 20px;} .pandat2 {font-size: 12px; padding-top: 10px; font-weight: 700;} .unlock {width: 208px; height: 62px; background:url(http://i.imgur.com/BqxX8jO.png); margin-top: 183px;} .dentrocell {width: 208px; height: 45px; background:url(http://i.imgur.com/dIyehCL.png); line-height: 100%;} .dentrocell2 {font-family: arial; font-size: 10px; color: #eee; text-align: right; padding-right: 2px; padding-top: 1px;} .contactocell {width: 105px; height: 70px; line-height: 110%; font-family: raleway; font-size: 13px; font-weight: 700; color: #373737; padding-left: 5px; padding-top: 10px;} .scrollcell::-webkit-scrollbar {width: 3px;}.scrollcell::-webkit-scrollbar-track {background-color:#DFDFDF;}.scrollcell::-webkit-scrollbar-thumb {background-color:#000;}</style>
<center><link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'><div style="height: 488px; width: 262px; background:url(http://i.imgur.com/rp61TIS.png);"><div id="movil1"><div class="pantalla"><div style="width: 208px; height: 310px; background:url(LINK A UNA IMAGEN DE 108X310 PARA EL FONDO DE PANTALLA); margin-top: 1px;"><div class="pandat">HORA<div class="pandat2">FECHA</div><div class="unlock"></div></div></div></div><div style="width: 208px; height: 310px; background: #e3dfdf; border: 1px solid #000;"><div class="dentrocell"><div class="dentrocell2"><font style="padding-right: 13px;">70%</font> HORA</div></div><div style="width: 208px; height: 260px; overflow: auto;" class="scrollcell"><table cellspacing="0"><td><div style="width: 80px; height: 80px; background:url(IMAGEN CONTACTO 1 80X80); margin-top: 8px;"></div></td><td><div class="contactocell">NOMBRE CONTACTO 1<br><font style="font-family: arial; font-weight: normal;">+1 52 674 520</font><br><object type="application/x-shockwave-flash" data="http://goo.gl/tBcFGx" width="100" height="8"><param name="movie" value="http://goo.gl/1Qpzwa" /><param name="bgcolor" value="#000000" /><param name="FlashVars" value="mp3=LINK A LA CANCIÓN CONTACTO 1 EN MP3" /></object></div></td></table>
<table cellspacing="0"><td><div style="width: 80px; height: 80px; background:url(IMAGEN CONTACTO 2 80X80); margin-top: 8px;"></div></td><td><div class="contactocell">NOMBRE CONTACTO 2<br><font style="font-family: arial; font-weight: normal;">+1 74 134 212</font><br><object type="application/x-shockwave-flash" data="http://goo.gl/tBcFGx" width="100" height="8"><param name="movie" value="http://goo.gl/1Qpzwa" /><param name="bgcolor" value="#000000" /><param name="FlashVars" value="LINK A LA CANCIÓN CONTACTO 2 EN MP3" /></object></div></td></table>
<table cellspacing="0"><td><div style="width: 80px; height: 80px; background:url(IMAGEN CONTACTO 3 80X80); margin-top: 8px;"></div></td><td><div class="contactocell">NOMBRE CONTACTO 3<br><font style="font-family: arial; font-weight: normal;">+1 46 627 765</font><br><object type="application/x-shockwave-flash" data="http://goo.gl/tBcFGx" width="100" height="8"><param name="movie" value="http://goo.gl/1Qpzwa" /><param name="bgcolor" value="#000000" /><param name="FlashVars" value="LINK A LA CANCIÓN CONTACTO 3 EN MP3" /></object></div></td></table>
<table cellspacing="0"><td><div style="width: 80px; height: 80px; background:url(IMAGEN CONTACTO 4 80X80); margin-top: 8px;"></div></td><td><div class="contactocell">NOMBRE CONTACTO 4<br><font style="font-family: arial; font-weight: normal;">+1 10 439 604</font><br><object type="application/x-shockwave-flash" data="http://goo.gl/tBcFGx" width="100" height="8"><param name="movie" value="http://goo.gl/1Qpzwa" /><param name="bgcolor" value="#000000" /><param name="FlashVars" value="mp3=LINK A LA CANCIÓN CONTACTO 4 EN MP3" /></object></div></td></table></div></div></div></div><a href="http://thecaptainknowsbest.tumblr.com/" style="font-size: 10px; font-weight: bold; position: relative; top: -8px;">CKB</a></center>
Hoy a las 01:24 por 
Tema: Publica el movil de tu personaje. 
