▶▶Modelo de relaciones

por **Dodekatheon** Vie Ene 02, 2015 7:41 pm

TABLÓN DE RELACIONES

NOMBRE

APELLIDO

EDAD

RAZA

O. SEXUAL

Psicología

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet mi sit amet dolor rhoncus finibus. Proin dapibus purus non nisl condimentum aliquet. Etiam a vestibulum elit. Nunc tempor urna a libero faucibus sollicitudin. Aliquam accumsan purus dui, ac vestibulum nibh feugiat sed. Aenean ut ante ultricies diam consectetur porta. Morbi eros elit, tincidunt eget arcu malesuada, hendrerit sodales ex.

Suspendisse vitae lobortis sem. Praesent euismod felis non lectus luctus, vitae condimentum enim aliquam. Proin et commodo dui. Praesent semper est eget commodo malesuada. Phasellus molestie, ex vitae rutrum dapibus, elit dolor tempor sem, ut lobortis metus turpis a libero. Sed elementum rhoncus aliquam. Donec condimentum eu est non blandit. Mauris vel enim erat. Nulla fermentum tincidunt magna, ac dictum metus tempor vitae.

Vivamus semper turpis et nulla egestas interdum. Cras vel euismod odio. Vestibulum finibus erat tellus, at eleifend enim aliquet sit amet. Donec suscipit et justo dignissim sollicitudin. Suspendisse ut tellus elementum purus egestas posuere. Curabitur id lorem feugiat, lacinia nunc lacinia, elementum purus. Vivamus malesuada, orci consectetur tincidunt vestibulum, dolor ante vestibulum augue, fringilla dapibus mi libero non turpis. Nullam nisi quam, varius eget metus sed, sodales venenatis dolor. Sed ac mattis sem. Morbi ultricies lectus nec egestas scelerisque. Nunc pellentesque nisl eu erat dictum, eget euismod elit vestibulum. Vivamus condimentum erat laoreet erat cursus dignissim. Vivamus ullamcorper sed tortor et euismod. Curabitur et nisi pulvinar, scelerisque ex vitae, gravida metus. Ut tempus leo ut augue viverra scelerisque eu vel sem. In quis mi dapibus diam lacinia rhoncus ac vitae nibh.

Amistades

Amigos de la Infancia
Mejores amigos
Buenos Amigos
Inseparables
Amigos
Amigos secretos
En proceso de Amistad
Conocidos
Aliados
Protegidos
Protectores
Confidentes
Consejeros
Aconsejados
Consentidos
Consentidores
Cariño
Buena influencia
Mala influencia
Buen influenciados
Mal influenciados
Compañeros de fiesta
Compañeros de travesuras
Compañeros de castigos
Compañeros de estudios

Romances

Atracción
Curiosidad
Interés
Coqueteo
Tonterías
Confusión
Amor-odio
Amor
Tensión sexual
Rollos de una noche
Amigos con Derecho
Amantes
{+}18
Ex {+}18
Pareja
Expareja
Propiedades

Odios

Me gusta molestarte
Te gusta molestarme
Trato hostil
Trato hostil ocasional
Desconfianza
Odio
Desprecio
Rencor
Rivales
Envidia
Enemigos
Ex amigos
Nos soportamos
Indiferencia
Compañeros de insultos
Te odio
Me odias
Peleas
Repudios

VIPS

¡Lugar importante!

¡Lugar Importate!

Panda World

Código:: <div class="caja"><div class="nombre">TABLÓN DE RELACIONES</div><div style="border-left: 10px solid #120b1b; border-right: 10px solid #120b1b; margin-top: -2px;"> <table><td style="width: 210px;"><div class="wtd"><div class="imagen"></div><div class="datos"><center><br><div class="dt1">[color=#6f2411]NOMBRE[/color]</div><br><div class="dt2">APELLIDO</div><br><div class="dt3">[color=#6f2411]EDAD[/color]</div><br><div class="dt4">RAZA</div><br><div class="dt5">[color=#6f2411]O. SEXUAL[/color]</div></div></div></td><td style="width: 275px;"><div class="psico"><div style="text-align: center; color: #6f2411; font-family: Amarante; font-size: 32px;">Psicología</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquet mi sit amet dolor rhoncus finibus. Proin dapibus purus non nisl condimentum aliquet. Etiam a vestibulum elit. Nunc tempor urna a libero faucibus sollicitudin. Aliquam accumsan purus dui, ac vestibulum nibh feugiat sed. Aenean ut ante ultricies diam consectetur porta. Morbi eros elit, tincidunt eget arcu malesuada, hendrerit sodales ex. Suspendisse vitae lobortis sem. Praesent euismod felis non lectus luctus, vitae condimentum enim aliquam. Proin et commodo dui. Praesent semper est eget commodo malesuada. Phasellus molestie, ex vitae rutrum dapibus, elit dolor tempor sem, ut lobortis metus turpis a libero. Sed elementum rhoncus aliquam. Donec condimentum eu est non blandit. Mauris vel enim erat. Nulla fermentum tincidunt magna, ac dictum metus tempor vitae. Vivamus semper turpis et nulla egestas interdum. Cras vel euismod odio. Vestibulum finibus erat tellus, at eleifend enim aliquet sit amet. Donec suscipit et justo dignissim sollicitudin. Suspendisse ut tellus elementum purus egestas posuere. Curabitur id lorem feugiat, lacinia nunc lacinia, elementum purus. Vivamus malesuada, orci consectetur tincidunt vestibulum, dolor ante vestibulum augue, fringilla dapibus mi libero non turpis. Nullam nisi quam, varius eget metus sed, sodales venenatis dolor. Sed ac mattis sem. Morbi ultricies lectus nec egestas scelerisque. Nunc pellentesque nisl eu erat dictum, eget euismod elit vestibulum. Vivamus condimentum erat laoreet erat cursus dignissim. Vivamus ullamcorper sed tortor et euismod. Curabitur et nisi pulvinar, scelerisque ex vitae, gravida metus. Ut tempus leo ut augue viverra scelerisque eu vel sem. In quis mi dapibus diam lacinia rhoncus ac vitae nibh. </div></td></table> <center><div style="width: 500px; border-top: dotted 1px #120b1b;"><table><td><div style="width: 9px;"></div></td><td><div class="relas1"><div class="img1"></div><div class="re1"><div style="font-family: Amarante; color: #6f2411; font-size: 14px; text-align: center;">[b]Amistades[/b]</div> [center]Amigos de la Infancia Mejores amigos Buenos Amigos Inseparables Amigos Amigos secretos En proceso de Amistad Conocidos Aliados Protegidos Protectores Confidentes Consejeros Aconsejados Consentidos Consentidores Cariño Buena influencia Mala influencia Buen influenciados Mal influenciados Compañeros de fiesta Compañeros de travesuras Compañeros de castigos Compañeros de estudios[/center] </div></div></td><td><div style="width: 9px;"></div></td><td><div class="relas2"><div class="img2"></div><div class="re2"><div style="font-family: Amarante; color: #6f2411; font-size: 14px; text-align: center;">[b]Romances[/b]</div> [center]Atracción Curiosidad Interés Coqueteo Tonterías Confusión Amor-odio Amor Tensión sexual Rollos de una noche Amigos con Derecho Amantes {+}18 Ex {+}18 Pareja Expareja Propiedades[/center] </div><br></div><td><div style="width: 9px;"></div></td><td><div class="relas3"><div class="img3"></div><div class="re3"><div style="font-family: Amarante; color: #6f2411; font-size: 14px; text-align: center;">[b]Odios[/b]</div> [center]Me gusta molestarte Te gusta molestarme Trato hostil Trato hostil ocasional Desconfianza Odio Desprecio Rencor Rivales Envidia Enemigos Ex amigos Nos soportamos Indiferencia Compañeros de insultos Te odio Me odias Peleas Repudios[/center] </div></div></td><td><div style="width: 9px;"></div></td></table> <div class="vips">VIPS<br> <font style="font-family: Amarante; font-size: 28px; color: #6f2411;">¡Lugar importante!</font> <img src="IMAGEN IMAGEN VIP" width="450px" /><br> <font style="font-family: Amarante; font-size: 28px; color: #6f2411;">¡Lugar importante!</font> <img src="IMAGEN IMAGEN VIP" width="450px" /> </div></div> </div><div style="width: 520px; background: #120b1b; height: 30px;"></div></div><div style="width: 520px; text-align: right; font-family: Raleway; color: black; margin: 0 0 auto auto;"><a href=”http://glintz.foroactivo.com/u188 target=”_blank”>Panda World</a></div> <link href='http://fonts.googleapis.com/css?family=Economica|Poiret+One|Shadows+Into+Light+Two|Raleway' rel='stylesheet' type='text/css'><style type="text/css">.caja {width: 520px; background: #F7F6E0; margin: 0 0 auto auto;} .nombre {width: 520px; font-size: 32px; padding-top: 15px; padding-bottom: 15px; color: #6f2411; background: #120b1b; text-align: center; font-family: Amarante;} .wtd {width: 200px; height: 300px; margin: 0 0 auto auto;} .wtd .imagen {width: 200px; height: 300px; margin: 0 0 auto auto; background: url(IMAGEN IMAGEN 200X300)} .wtd .datos {width:200px; height: 300px; margin: 0 0 auto auto; margin-top: -300px; opacity: 0;} .wtd:hover .datos {opacity: 1;} .wtd .datos .dt1, .wtd .datos .dt2, .wtd .datos .dt3, .wtd .datos .dt4, .wtd .datos .dt5 {font-family: Economica; color: black; font-size: 16px;} .wtd .datos .dt1 {opacity: 0; margin: 0 0 auto auto; background: #120b1b; text-align: center; padding: 10px; width: 100px; -webkit-transform: translate(120px,0); -moz-transform: translate(120px,0); -o-transform: translate(120px,0); -ms-transform: translate(120px,0); transition: all 1s ease-in-out;} .wtd .datos .dt2 {opacity: 0; margin: 0 0 auto auto; background: #6f2411; text-align: center; padding: 10px; width: 100px; margin-left: -77px; -webkit-transform: translate(-120px,0); -moz-transform: translate(-120px,0); -o-transform: translate(-120px,0); -ms-transform: translate(-120px,0); transition: all 1.5s ease-in-out;} .wtd .datos .dt3 {opacity: 0; margin: 0 0 auto auto; background: #120b1b; text-align: center; padding: 10px; width: 100px; -webkit-transform: translate(120px,0); -moz-transform: translate(120px,0); -o-transform: translate(120px,0); -ms-transform: translate(120px,0); transition: all 2s ease-in-out;} .wtd .datos .dt4 {opacity: 0; margin: 0 0 auto auto; background: #6f2411; text-align: center; padding: 10px; width: 100px; margin-left: -77px; -webkit-transform: translate(-120px,0); -moz-transform: translate(-120px,0); -o-transform: translate(-120px,0); -ms-transform: translate(-120px,0); transition: all 2.5s ease-in-out;} .wtd .datos .dt5 {opacity: 0; background: #120b1b; text-align: center; padding: 10px; width: 100px; margin: 0 0 auto auto; -webkit-transform: translate(120px,0); -moz-transform: translate(120px,0); -o-transform: translate(120px,0); -ms-transform: translate(120px,0); transition: all 3s ease-in-out;} .wtd:hover .datos .dt1, .wtd:hover .datos .dt2, .wtd:hover .datos .dt3, .wtd:hover .datos .dt4, .wtd:hover .datos .dt5 {opacity:1; -webkit-transform: translate(0px,0); -moz-transform: translate(0px,0); -o-transform: translate(0px,0); -ms-transform: translate(0px,0);} .psico {width: 230px; height: 270px; border-right: 5px #120b1b solid; border-left: 5px solid #120b1b; margin: 0 0 auto auto; padding: 10px; overflow: auto; color: black; font-family: economica; font-size: 14px; text-align: justify;} .relas1, .relas2, .relas3 {width: 150px; height: 150px; margin: 0 0 auto auto;} .img1 {width: 150px; height: 150px; background: url(IMAGEN IMAGEN 150X150);} .re1, .re2, .re3 {width: 132px; height: 136px; background: #F7F6E0; margin-top: -150px; opacity: 0; border-top: dashed #120b1b 2px; border-bottom: dashed 2px #120b1b; border-left: solid 4px #120b1b; border-right: solid 4px #120b1b; padding: 5px; overflow: auto; font-family: economica; color: black;} .img2 {width: 150px; height: 150px; background: url(IMAGEN IMAGEN 150X150);} .img3 {width: 150px; height: 150px; background: url(IMAGEN IMAGEN 150X150);} .re1:hover, .re2:hover, .re3:hover {-moz-transition:all 1.5s ease-in-out; -webkit-transition:all 2s ease-in-out; overflow:auto; opacity: 1; transform: rotate(360deg)} .vips {width:470px; padding: 5px; background: #120b1b; margin:0 auto 0 auto; color: #6f2411; font-family: Amarante; font-size:16px; height:20px; overflow: hidden;} .vips:hover {height:300px; border-left: white 1px dashed; border-right: white 1px dashed; -moz-transition:all 1.5s ease-in-out; -webkit-transition:all 1s ease-in-out; overflow:auto;}</style>