Modelo de relaciones.

por **Chisaki Hiradaira** Vie Mayo 02, 2014 2:22 pm

Recomiendo que cambien los colores a los siguientes: #436a96 #4174ab #B1B2B6 #1A1C22 #131419 para que combine con el fondo. Pronto cambiare los colores, no te preocupes.

Nombre.

Familiares

Tipo de relación familiar 1 - Nombre del personaje
Tipo de relación familiar 2 - Nombre del personaje
Tipo de relación familiar 3 - Nombre del personaje
Tipo de relación familiar 4 - Nombre del personaje
Tipo de relación familiar 5 - Nombre del personaje
Tipo de relación familiar 6 - Nombre del personaje

Relaciones de amistad

Tipo de relación de amistad 1 - Nombre del personaje
Tipo de relación de amistad 2 - Nombre del personaje
Tipo de relación de amistad 3 - Nombre del personaje
Tipo de relación de amistad 4 - Nombre del personaje
Tipo de relación de amistad 5 - Nombre del personaje
Tipo de relación de amistad 6 - Nombre del personaje

Relaciones amorosas

Tipo de relación de amor 1 - Nombre del personaje
Tipo de relación de amor 2 - Nombre del personaje
Tipo de relación de amor 3 - Nombre del personaje
Tipo de relación de amor 4 - Nombre del personaje
Tipo de relación de amor 5 - Nombre del personaje
Tipo de relación de amor 6 - Nombre del personaje

Relaciones hostiles

Tipo de relación hostil 1 - Nombre del personaje
Tipo de relación hostil 2 - Nombre del personaje
Tipo de relación hostil 3 - Nombre del personaje
Tipo de relación hostil 4 - Nombre del personaje
Tipo de relación hostil 5 - Nombre del personaje
Tipo de relación hostil 6 - Nombre del personaje

Enemigos

Tipo de enemigo 1 - Nombre del personaje
Tipo de enemigo 2 - Nombre del personaje
Tipo de enemigo 3 - Nombre del personaje
Tipo de enemigo 4 - Nombre del personaje
Tipo de enemigo 5 - Nombre del personaje
Tipo de enemigo 6 - Nombre del personaje

Otros

Tipo de otra relación 1 - Nombre del personaje
Tipo de otra relación 2 - Nombre del personaje
Tipo de otra relación 3 - Nombre del personaje
Tipo de otra relación 4 - Nombre del personaje
Tipo de rotra relación 5 - Nombre del personaje
Tipo de otra relación 6 - Nombre del personaje

Pasa el cursor por la imagen para ver la información.

Créditos

Código:: <div id="tablejw" style="background: #191313; border-right: 10px solid #b32f2f; border-left: 10px solid #b32f2f;"><div id="tabletitle" style="background: #b32f2f; color: #191313;">Nombre.</div> <div id="tablehover" style="margin-top: -16px;"><div id="tablecontent" style="background: url(IMAGEN 425X235 AQUÍ) top center; color: #EEDFDF;">Familiares</div> <div id="relacion" style="background: #221A1A;color: #CECECE;">Tipo de relación familiar 1 - [b]Nombre del personaje[/b] Tipo de relación familiar 2 - [b]Nombre del personaje[/b] Tipo de relación familiar 3 - [b]Nombre del personaje[/b] Tipo de relación familiar 4 - [b]Nombre del personaje[/b] Tipo de relación familiar 5 - [b]Nombre del personaje[/b] Tipo de relación familiar 6 - [b]Nombre del personaje[/b] </div></div> <div id="tablehover"><div id="tablecontent" style="background: url(IMAGEN 425X235 AQUÍ) center -30px; color: #EEDFDF;">Relaciones de amistad</div> <div id="relacion" style="background: #221A1A;color: #CECECE;">Tipo de relación de amistad 1 - [b]Nombre del personaje[/b] Tipo de relación de amistad 2 - [b]Nombre del personaje[/b] Tipo de relación de amistad 3 - [b]Nombre del personaje[/b] Tipo de relación de amistad 4 - [b]Nombre del personaje[/b] Tipo de relación de amistad 5 - [b]Nombre del personaje[/b] Tipo de relación de amistad 6 - [b]Nombre del personaje[/b] </div></div> <div id="tablehover"><div id="tablecontent" style="background: url(IMAGEN 425X235 AQUÍ) center -70px; color: #EEDFDF;">Relaciones amorosas</div> <div id="relacion" style="background: #221A1A;color: #CECECE;">Tipo de relación de amor 1 - [b]Nombre del personaje[/b] Tipo de relación de amor 2 - [b]Nombre del personaje[/b] Tipo de relación de amor 3 - [b]Nombre del personaje[/b] Tipo de relación de amor 4 - [b]Nombre del personaje[/b] Tipo de relación de amor 5 - [b]Nombre del personaje[/b] Tipo de relación de amor 6 - [b]Nombre del personaje[/b] </div></div> <div id="tablehover"><div id="tablecontent" style="background: url(IMAGEN 425X235 AQUÍ) center -100px; color: #EEDFDF;">Relaciones hostiles</div> <div id="relacion" style="background: #221A1A;color: #CECECE;">Tipo de relación hostil 1 - [b]Nombre del personaje[/b] Tipo de relación hostil 2 - [b]Nombre del personaje[/b] Tipo de relación hostil 3 - [b]Nombre del personaje[/b] Tipo de relación hostil 4 - [b]Nombre del personaje[/b] Tipo de relación hostil 5 - [b]Nombre del personaje[/b] Tipo de relación hostil 6 - [b]Nombre del personaje[/b] </div></div> <div id="tablehover"><div id="tablecontent" style="background: url(IMAGEN 425X235 AQUÍ) center -140px; color: #EEDFDF;">Enemigos</div> <div id="relacion" style="background: #221A1A;color: #CECECE;">Tipo de enemigo 1 - [b]Nombre del personaje[/b] Tipo de enemigo 2 - [b]Nombre del personaje[/b] Tipo de enemigo 3 - [b]Nombre del personaje[/b] Tipo de enemigo 4 - [b]Nombre del personaje[/b] Tipo de enemigo 5 - [b]Nombre del personaje[/b] Tipo de enemigo 6 - [b]Nombre del personaje[/b] </div></div> <div id="tablehover"><div id="tablecontent" style="background: url(IMAGEN 425X235 AQUÍ) center -170px; color: #EEDFDF;">Otros</div> <div id="relacion" style="background: #221A1A;color: #CECECE;">Tipo de otra relación 1 - [b]Nombre del personaje[/b] Tipo de otra relación 2 - [b]Nombre del personaje[/b] Tipo de otra relación 3 - [b]Nombre del personaje[/b] Tipo de otra relación 4 - [b]Nombre del personaje[/b] Tipo de rotra relación 5 - [b]Nombre del personaje[/b] Tipo de otra relación 6 - [b]Nombre del personaje[/b] </div></div> <div id="info" style="color: #B6B1B1;">Pasa el cursor por la imagen para ver la información.</div> </div> <a href="http://www.oursourcecode.net/t6907-galeria-de-james#135085" target="blank" style="text-decoration: none"><div id="credito" style="background: #b32f2f; color: white;">Créditos</div></a><link href="http://fonts.googleapis.com/css?family=Alegreya+Sans+SC" rel="stylesheet" type="text/css"><link href='http://static.tumblr.com/jncgpav/PJfn0a5lk/sao.css' rel='stylesheet'>