Modelo De Relaciones (Opcional)

por **Thomas L. Williams** Dom Oct 13, 2013 3:53 pm

Nombre del Personaje

Personalidad

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim felis gravida sapien bibendum a consectetur ligula ornare. Sed congue porta imperdiet. Morbi id enim eu ipsum commodo sagittis sit amet in lacus. Morbi id sem massa, nec porttitor lacus. Suspendisse ut velit sapien. Suspendisse metus libero, dapibus quis auctor et, sollicitudin a massa. Maecenas ornare tellus a nisl varius pellentesque. Etiam posuere volutpat mauris, vel hendrerit ante venenatis nec. Praesent at nisl vel justo pretium tempus. Sed enim purus, hendrerit ac convallis in, egestas vel velit. Nam venenatis lorem ac augue bibendum varius.

Aenean elit mauris, viverra vitae tempor non, lobortis at orci. Nullam ut lorem sed magna congue sagittis quis vel neque. Mauris suscipit orci dignissim eros dictum dapibus. Aenean posuere gravida turpis eget porttitor. Nulla euismod semper nulla, quis adipiscing arcu eleifend et. Suspendisse dapibus tortor non eros sagittis suscipit. Integer porttitor quam vel nisi porta accumsan. Etiam egestas odio et risus placerat nec accumsan augue consectetur. Vivamus blandit sollicitudin erat, consequat consequat ligula ultricies eleifend. Donec aliquam tristique mollis. Nam aliquet, turpis ut porta porta, risus ante blandit lorem, a pretium neque nunc eu tortor. Sed ac cursus risus. Duis dapibus metus id enim bibendum et consequat mauris laoreet. Donec quis purus sed dui semper semper in et risus. In ultrices placerat diam eget condimentum. Nulla hendrerit, erat id varius porta, est risus bibendum neque, in viverra orci libero non libero.

AMISTAD

AMIGOS
BUENOS AMIGOS
CONFIANZA
RESPETO
PROTEGIDOS
PROTECTORES

HOSTILIDAD

ENEMISTAD
ODIO
RENCOR
CELOS
TRATO HOSTIL

AMOR

ME GUSTAS
ATRACCIÓN
COQUETEO
CURIOSIDAD
PAREJA
EX-PAREJA

OTROS

CATEGORÍA
CATEGORÍA
CATEGORÍA

Creado por MikeStark para Sourcecode

Código:: <div style="width: 480px; padding: 8px; border-left: solid 10px #2F407D; border-right: solid 10px #2F407D; margin: 0 auto; background: #181B24"> <div id="nombre">Nombre del Personaje</div> <div id="personalidad">Personalidad<div style="width: 400; height: 100px; overflow: auto; color: #454855; font-size: 12px; text-align: justify; padding: 3px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim felis gravida sapien bibendum a consectetur ligula ornare. Sed congue porta imperdiet. Morbi id enim eu ipsum commodo sagittis sit amet in lacus. Morbi id sem massa, nec porttitor lacus. Suspendisse ut velit sapien. Suspendisse metus libero, dapibus quis auctor et, sollicitudin a massa. Maecenas ornare tellus a nisl varius pellentesque. Etiam posuere volutpat mauris, vel hendrerit ante venenatis nec. Praesent at nisl vel justo pretium tempus. Sed enim purus, hendrerit ac convallis in, egestas vel velit. Nam venenatis lorem ac augue bibendum varius. Aenean elit mauris, viverra vitae tempor non, lobortis at orci. Nullam ut lorem sed magna congue sagittis quis vel neque. Mauris suscipit orci dignissim eros dictum dapibus. Aenean posuere gravida turpis eget porttitor. Nulla euismod semper nulla, quis adipiscing arcu eleifend et. Suspendisse dapibus tortor non eros sagittis suscipit. Integer porttitor quam vel nisi porta accumsan. Etiam egestas odio et risus placerat nec accumsan augue consectetur. Vivamus blandit sollicitudin erat, consequat consequat ligula ultricies eleifend. Donec aliquam tristique mollis. Nam aliquet, turpis ut porta porta, risus ante blandit lorem, a pretium neque nunc eu tortor. Sed ac cursus risus. Duis dapibus metus id enim bibendum et consequat mauris laoreet. Donec quis purus sed dui semper semper in et risus. In ultrices placerat diam eget condimentum. Nulla hendrerit, erat id varius porta, est risus bibendum neque, in viverra orci libero non libero.</div></div> <div style="background: url(IMAGEN);border-left: solid 2px #7D8BBE; border-right: solid 2px #7D8BBE; width: 480px; height: 200px; margin: 0 auto"></div> <table style="margin: 0 auto; border-spacing: 10px"><tr><td><div id="box"><div id="titulo">AMISTAD</div> AMIGOS BUENOS AMIGOS CONFIANZA RESPETO PROTEGIDOS PROTECTORES </div> <div id="box"><div id="titulo">HOSTILIDAD</div> ENEMISTAD ODIO RENCOR CELOS TRATO HOSTIL</div></td> <td><div id="box"><div id="titulo">AMOR</div> ME GUSTAS ATRACCIÓN COQUETEO CURIOSIDAD PAREJA EX-PAREJA</div> <div id="box"><div id="titulo">OTROS</div> CATEGORÍA CATEGORÍA CATEGORÍA</div></td></tr></table> <div style="text-align: center; color: #454855; font-size: 15px; font-family: times new roman">Creado por <a href="http://www.oursourcecode.net/u3129" target="_blank">MikeStark</a> para <a href="http://www.oursourcecode.net target="_blank">Sourcecode</a></div> </div> <style type="text/css"> #nombre { color: #2F407D; font-size: 40px; text-shadow: 4px 4px 5px #000000; text-align: center; font-family: quintessential;} #personalidad{ width: 480px; text-align: center; margin: 0 auto; height: 18px; color: #6578BE; font-family: scada; font-size: 15px; overflow: hidden; transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out ; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} #personalidad:hover {width: 480px; height: 150px; transition:all 1.5s ease-in-out; -ms-transition:all 1.5s ease-in-out; -moz-transition:all 1.5s ease-in-out ; -webkit-transition:all 1.5s ease-in-out; -o-transition:all 1.5s ease-in-out; border-left: solid 2px #7D8BBE; border-right: solid 2px #7D8BBE;} #titulo {color: #6578BE; text-align: center; float: top; font-size: 20px; font-family: limelight;} #box {border-left: solid 2px #7D8BBE; border-right: solid 2px #7D8BBE; width: 220px; height: 200px; overflow: auto; text-align: center; padding: 2px; color: #555966; font-size: 14px; font-family: scada;} </style> <link href='http://fonts.googleapis.com/css?family=Quintessential' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Limelight' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>