Modelo de Relaciones

por **Huang Sung Yoo** Sáb Mayo 24, 2014 8:40 pm

Nombre del personaje

Dato

"Aqui va un pequeño texto"

Amistad

Amigos

Escribe aqui

Mejores Amigos

Escribe aqui

Protectores

Escribe aqui

Conocidos

Escribe aqui

Protegidos

Escribe aqui

Amigos secretos

Escribe aqui

Amor

Amor platonico

Escribe aqui

Novio

Escribe aqui

Ex-Novio

Escribe aqui

+18

Escribe aqui

Me gustas

Escribe aqui

Atraccion

Escribe aqui

Odio

Escribe aqui

Trato Hostil

Escribe aqui

Te detesto

Escribe aqui

Enemigos

Escribe aqui

Te tolero

Escribe aqui

Indiferente

Escribe aqui

Trato Vip/Familia

Hermanos

Escribe aqui

PAdres

Escribe aqui

Abuelos

Escribe aqui

VIP

Escribe aqui

By Niza

Código:: <link href='http://fonts.googleapis.com/css?family=Poiret+One|Pacifico' rel='stylesheet' type='text/css'><style type='text/css'>#RelN{width:500px;height:500px;border: 8px solid #610B0B;position: relative;overflow: hidden;margin:0 auto;}#RelN .NizR {position:absolute;left: 0px;bottom: 0px;width:500px;height: 500px;transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out;-ms-transition: 0.5s all ease-in-out;-o-transition: 0.5s all ease-in-out;z-index:99;}#RelN:hover .NizR{position:absolute;left:0px;bottom:-110px;width: 100px;height: 100px;transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out;-ms-transition: 0.5s all ease-in-out;-o-transition: 0.5s all ease-in-out;}.Datos{color:#fff;font-size:11px;font-family:trebuchet ms;text-align:center;background:#FA5858;padding:5px;display:inblock;margin:3px;}div::-webkit-scrollbar{height:52px; width: 5px; background:#FA5858;}div::-webkit-scrollbar-thumb{ background: #ddd;}div::-webkit-scrollbar-track{ background:#FA5858;}div::-webkit-scrollbar-button{ background:#FA5858;}.NZ{color:#6ab071;font-family:'Bebas',Impact;text-align:center;font-size:15px;}</style><div style="width:496px;height:40px;padding:10px;background:#610B0B;margin:0 auto;color:#fff;text-align:center;font-size:25px;font-family:Pacifico;">Nombre del personaje</div><div id="RelN"><div class="NizR"><img src="http://placehold.it/500x500"></div><div style="width:500px;height:500px;background:#f7f7e4;margin:0 auto;overflow:hidden;"><table><td><div style="width:180px;height:260px;padding:10px;position:relative;top:-120px;"><div class="Datos">Dato</div><div class="Datos">Dato</div><div class="Datos">Dato</div><div class="Datos">Dato</div><div style="width:154px;height:88px;padding:10px;background:#FA5858;margin:0 auto;color:#fff;font-family:new times roman;font-size:11px;text-align:center;font-style:italic;">"Aqui va un pequeño texto"</div><div style="width:180px;height:220px;background:url(http://placehold.it/180x220);position:relative;left:-10px;top:5px;border:solid #FA5858 10px;border-width:8px 10px;"></div></td><td><td><div style="width:290px;height:500px;overflow-x:hidden;overlfow-y;auto;"><div style="width:263px;background:#FA5858;padding:10px;color:#ddd;font-family:Poiret One;font-size:20px;text-align:center;">Amistad</div><div style="width:263px;background:#fff;padding:10px;color:#000;font-family:calibri;font-size:12px;text-align:center;height:200px;overflow-x:hidden;overlfow-y;auto;"><div class="NZ">Amigos</div>Escribe aqui<div class="NZ">Mejores Amigos</div>Escribe aqui<div class="NZ">Protectores</div>Escribe aqui<div class="NZ">Conocidos</div>Escribe aqui<div class="NZ">Protegidos</div>Escribe aqui<div class="NZ">Amigos secretos</div>Escribe aqui</div><div style="width:263px;background:#FA5858;padding:10px;color:#ddd;font-family:Poiret One;font-size:20px;text-align:center;">Amor</div><div style="width:263px;background:#fff;padding:10px;color:#000;font-family:calibri;font-size:12px;text-align:center;height:200px;overflow-x:hidden;overlfow-y;auto;"><div class="NZ">Amor platonico</div>Escribe aqui<div class="NZ">Novio</div>Escribe aqui<div class="NZ">Ex-Novio</div>Escribe aqui<div class="NZ">+18</div>Escribe aqui<div class="NZ">Me gustas</div>Escribe aqui<div class="NZ">Atraccion</div>Escribe aqui</div><div style="width:263px;background:#FA5858;padding:10px;color:#ddd;font-family:Poiret One;font-size:20px;text-align:center;">Odio</div><div style="width:263px;background:#fff;padding:10px;color:#000;font-family:calibri;font-size:12px;text-align:center;height:200px;overflow-x:hidden;overlfow-y;auto;"><div class="NZ">Odio</div>Escribe aqui<div class="NZ">Trato Hostil</div>Escribe aqui<div class="NZ">Te detesto</div>Escribe aqui<div class="NZ">Enemigos</div>Escribe aqui<div class="NZ">Te tolero</div>Escribe aqui<div class="NZ">Indiferente</div>Escribe aqui</div><div style="width:263px;background:#FA5858;padding:10px;color:#ddd;font-family:Poiret One;font-size:20px;text-align:center;">Trato Vip/Familia</div><div style="width:263px;background:#fff;padding:10px;color:#000;font-family:calibri;font-size:12px;text-align:center;height:200px;overflow-x:hidden;overlfow-y;auto;"><div class="NZ">Hermanos</div>Escribe aqui<div class="NZ">PAdres</div>Escribe aqui<div class="NZ">Abuelos</div>Escribe aqui<div class="NZ">VIP</div>Escribe aqui</div></div></td></table> </div></div><div style="width:496px;height:10px;padding:10px;margin:0 auto;color:#000;text-align:center;font-size:11px;font-family:trebuchet ms;">By <a href="http://sourcecode.jcink.net/index.php?showuser=142">Niza</a></div>