Welcome to 1860's | Muro de COMIDA, Nahh interactivo

Código:

<style type="text/css">  #imagen { width:500px; height:200px; background-image:url( URL DE LA IMAGEN O GIF 500x200 );} .efectoimg {width: 500px; height: 200px; background: #000;  color: #AAA; text-align: center;  font-size: 45px; font-family: 'Parisienne'; overflow: auto; opacity: 0.0; transition-duration: 0.8s;-moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; -webkit-transition-duration: 0.8s;} .efectoimg:hover { opacity: 0.75} </style>
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>

<center><div id="fondo"><br>
<div id="imagen"><div class="efectoimg"><br><br>Nombre de tu PJ</div></div>
<table align=center width= 450px><tr><td><div id="recuadro"> <div style=" font-family: 'Parisienne';  font-size: 22px;  color: #fff;"> Descripción</div>
<div class="cajita"> TEXTO AQUI </div></div></td>
<td align=center><div id="box">FEC NAC</div><div id="box">PB</div><div id="box">Dato</div><div id="box">ROL</div><div id="box">EDAD</div><div id="box">Dato</div><div id="box">CHICO</div></td></tr></table>
<table><tr><td><div id="boton"><div id="caja">Historia<div id="recuadro2"><div style=" font-family: 'Parisienne';  font-size: 22px;  color: #aaa;"> Sobre MI</div>
<div class="cajita2">TEXTO AQUI  </div>
</div></div></div></td><td><div id="boton"><div id="caja">Aspecto<div id="recuadro2"> <div style=" font-family: 'Parisienne';  font-size: 22px;  color: #aaa;"> Descripción Física</div>
<div class="cajita2">TEXTO AQUI
</div>
</div></div></div></td><td><div id="boton"><div id="caja">Familia<div id="recuadro2"><div style="font-family: 'Parisienne';  font-size: 22px;  color: #aaa;"> Parientes</div>
<div class="cajita2">TEXTO AQUI
 </div>
</div></div></div></td><td><div id="boton"><div id="caja">Otros<div id="recuadro2"><div style="font-family: 'Parisienne';  font-size: 22px; color: #aaa;"> ¿Gustos y Disgustos?</div>
<div class="cajita2">TEXTO AQUI </div>
</div></div></div></td></tr></table><br><div id="frase">Frase sexy super cool aquí  </div><br><div id="credito">by <a href="http://www.oursourcecode.net/u2051">Morgana</a></div></div>
</center>

<style type="text/css"> div::-webkit-scrollbar { height: 15px; width: 7px; background: #222222; } div::-webkit-scrollbar-thumb { background: #777777 !important; } div::-webkit-scrollbar-corner { background: #222222; } </style>
<style type="text/css" > #recuadro {width: 210px; height: 180px; border: 1px dotted #666 ; background: #222; margin: auto; padding: 10px 20px 10px 20px; text-align: center; opacity: 0.2; transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -webkit-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; } #recuadro:hover {opacity: 0.4;} .cajita { height: 130px;  color: #fff; font: 11px/11px times; overflow: auto; text-align: justify; } .cajita2 { height: 115px;  color: #fff; font: 12px/11px times; overflow: auto; text-align: justify; opacity: 0.2;} .cajita2:hover {opacity: 0.4;}</style>
<style text="type/css">#frase{width: 450px; height: 100px;  text-align: center;  font-family: 'Parisienne';  serif;  font-size: 30px; color: #666; margin: auto; padding: 10px; overflow: auto; padding:25px 10px 10px 20px; line-height: 25px;}#credito{height: 50px;  text-align: center;  font-family: 'Parisienne';  serif;  font-size: 14px; color: #666;}</style>
<style text="type/css">#box{width: 150px; text-align: center; background: #222; border: 1px dotted #666 ;font-family: 'Parisienne'; font-size: 18px; color: #FFF; margin: auto;opacity: 0.2; padding: 3px;}#box:hover{opacity: 0.5; transition: all 0.70s ease;-moz-transition: all 0.70s ease;-webkit-transition: all 0.70s ease;}</style><style type="text/css" > #fondo {background-image: url(http://i5.minus.com/jb1WvqxmlXb4jK.png); width: 500px;border-left: 10px #333 solid;}</style>
<style type="text/css" >#boton { background-color: #222; height:20px; width: 120px; font-family: 'Parisienne'; font-size: 14px; color: #888; text-align: center;  overflow: hidden; } #boton:hover{ background-color: #333; color: #aaa; } *{ transition: all 0.70s linear;-moz-transition: all 0.70s linear;-webkit-transition: all 0.70s linear; -o-transition: all 0.70s linear;} #recuadro2 {position: absolute; left: 300px; height: 175px; width: 0px; background-image: url(http://i5.minus.com/jb1WvqxmlXb4jK.png); overflow: hidden;} #caja:hover #recuadro2 {width: 460px; color:#444; margin: auto; padding: 20px 20px 10px 20px; text-align: center;} </style>

●B.r.a.t● escribió:JDASLDjkasd creo que soy la primera (? bueno creo que no tengo preguntas. pero te contare mi idea con mi personaje.

Idea.

TeamCATS escribió:

●B.r.a.t● escribió:JDASLDjkasd creo que soy la primera (? bueno creo que no tengo preguntas. pero te contare mi idea con mi personaje.

Idea. :

Si, me encanta la idea... Hazlo escalofriante, para que mi personaje se sienta acosada... Que la crean esquizofrenica porque se siente perseguida y nunca ve nada, hasta que un día ve a tu personaje y se queda anonada porque siente que la conoce, se mata investigando porque un chico le dice tu nombre (Uno inventado), ese chico va a ser el complice de tuyo, otro viajero que le sacaron los poderes y viaja con vos,..

PD: Ya que odias a la gemela puedes ser cómplice de Celaena (La enemiga de la gemela) entonces el chico puede ser Ian Somerhander ;)

kyr malfoy ღ escribió:holaaa aqui reportandome ya te subo todo estaba castigada XD

Ninaa.forever.young escribió:Holis, Aca estoy reportandome :)
Cuanto antes te subo mi ficha C:

●B.r.a.t● escribió:

TeamCATS escribió:

●B.r.a.t● escribió:JDASLDjkasd creo que soy la primera (? bueno creo que no tengo preguntas. pero te contare mi idea con mi personaje.

Idea. :

Si, me encanta la idea... Hazlo escalofriante, para que mi personaje se sienta acosada... Que la crean esquizofrenica porque se siente perseguida y nunca ve nada, hasta que un día ve a tu personaje y se queda anonada porque siente que la conoce, se mata investigando porque un chico le dice tu nombre (Uno inventado), ese chico va a ser el complice de tuyo, otro viajero que le sacaron los poderes y viaja con vos,..

PD: Ya que odias a la gemela puedes ser cómplice de Celaena (La enemiga de la gemela) entonces el chico puede ser Ian Somerhander ;)

 Chica nos estamos empezando a entender muy muy bien khaskdhasjda okno si exactamente ese era mi punto. Si el maravilloso de Ian como mi complice yeah!! si podria ser que la chica Celaena sea otra cómplice tendré muchos complices :twisted: :twisted: 

●B.r.a.t● escribió:Algo pasa que no muestra la imagen en la ficha :( 

TeamCATS escribió:

●B.r.a.t● escribió:Algo pasa que no muestra la imagen en la ficha :( 

Si quieres hacela sin code.. No hay problema :D