Publica el movil de tu personaje.

Bueno, curioseando por la red, me encontre que en el modo de foro activo, es posible mostrar una especie de display similar al de un telefono. Encontre el de un Iphone, y la verdad es que me gusto mucho. Hacer que quede bonito es un trabajo de esclavos, pero al final, se ve bastante genial. La verdad es que no lo he adaptado al foro, pero me gustaria empezar con este como ejemplo: Telefono de Diana.

4:20

Viernes 14 de febrero

70% 4:20

Alfred J. Pennyworth
+1 52 674 520

Clark Kent
+1 74 134 212

Hal Jordan
+1 46 627 765

Anthony Stark
+1 10 439 604

CKB

No se como pasarles el codigo, pero voy a poner en Spoiler el modelo original y citando mi post se puede ver como esta escrito Smile

Codigo:

_________________

Publica el movil de tu personaje. 2nsq6o

El que no cree en la magia, nunca la encontrara.
-Roald Dahl-

Color: MediumVioletred

Muy chulo pero me esperaba mas viniendo de Diana XD

Pero es buena idea, a ver quien suelta el codigo y la moda del celular personal de los pjs empezara :v

_________________

Publica el movil de tu personaje. Arturo

Los que no somos informáticos, como yo, sólo vemos al citar un sinfín de números, letras y códigos que podrían estar escritos en chino. ¿Qué hay que hacer para montar 1 teléfono de esos? ¿Qué código corresponde a cada imagen? No soy informática y no entiendo nada, necesito mi sistema windows de ventanitas y colorines Embarassed

_________________

Eros y Psique:

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>

_________________

» Di algo del personaje anterior n.n
» Di algo del personaje anterior n.n
» Di algo del personaje anterior n.n
» Ficha de personaje Rorschach
» Di algo del personaje anterior n.n