Bienvenidos

Conectarse

Recuperar mi contraseña








Staff


EtsuPresleyDerianLibreAquilesLibreLibre






Altos Cargos



Afiliados Hermanos (3/20)


Afiliados Elite (48/50)


The New York CityEl ultimo cosmosBleach: Shadow Of SeireiteiPandora Hearts RolOne Piece Sea CrownINTERNADO NEBLOODNoragami RolerKingdom of the Old OnesfororpgnarutofororpgnarutoParadisu InferusPainful LibertyWanna Play a GameShinobi Darkness

Revisión programada: 01/07/2014, si su banner fue borrado por error, pueden informarnos y lo añadiremos en menos de 24 horas. Revisen en portal, quizás su banner pudo haber sido movido de lugar.
Últimos temas
» Me retiro
Mar Jul 28, 2015 12:36 pm por Presley

» Saint Seiya Gold Myth
Mar Jun 30, 2015 7:42 pm por Invitado

» Y que paso se re detuvo?
Sáb Mayo 09, 2015 12:13 am por Etsu

» Cambio de Datos
Vie Abr 17, 2015 6:22 pm por Invitado

» Kingdom of the Old Ones [Cambio de Botones]
Vie Feb 13, 2015 8:49 pm por Invitado

» Tokyo Heart - Amo X Pets (Élite)
Jue Feb 12, 2015 7:04 pm por Invitado

» Saludos
Miér Ene 28, 2015 3:58 pm por Vector

» Madararui world {Afiliación élite}
Lun Ene 12, 2015 12:40 am por Invitado

» Feudal Inuyasha (Élite)
Lun Ene 05, 2015 8:15 pm por Invitado

» Academy Du Freak (afiliación élite)
Vie Dic 19, 2014 4:44 pm por Invitado

» holaaaaaaaaaaaaaaaaaaaaaaaaa
Jue Dic 11, 2014 9:43 am por Aquiles

» duda
Jue Dic 11, 2014 9:42 am por Aquiles

» Historia Principal
Miér Dic 10, 2014 9:31 pm por KonstantinosDimitris

» Reglamento Principal
Miér Dic 10, 2014 9:30 pm por KonstantinosDimitris

» Petición de Caballeros de Athena
Miér Dic 10, 2014 9:30 pm por KonstantinosDimitris

» Yo me fui también
Vie Dic 05, 2014 9:18 am por Aquiles

» Other World [RPG Anime (Saint Seiya, Inuyasha, Naruto)] elite-cambio de banner
Dom Oct 26, 2014 9:55 pm por Presley

» The Chronicles of Juno [Afiliación Normal] - Foro Nuevo
Lun Oct 20, 2014 3:23 pm por Presley







Votanos! y Ayuda al Foro!
¿Quién está en línea?
En total hay 3 usuarios en línea: 0 Registrados, 0 Ocultos y 3 Invitados

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 119 el Jue Mayo 22, 2014 8:20 pm.

Ficha Modelo de Relaciones

Ver el tema anterior Ver el tema siguiente Ir abajo

Ficha Modelo de Relaciones

Mensaje por Presley el Miér Feb 12, 2014 8:11 pm

Descripción psicológica
Aquí irá tu descripción psicológica, todo eso que la gente tendría que saber sobre tu forma de ser. Manías, gustos, odios. Toda la personalidad en general deberías escribirla aquí.
Nombre || Grupo || Bando
Nacionalidad || O. sexual || Rango

Amor

Subcategoría 1

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 2

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 3

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3
Odio

Subcategoría 1

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 2

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 3

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3
Amigos

Subcategoría 1

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 2

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 3

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3
Familia

Subcategoría 1

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 2

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3

Subcategoría 3

  1. Persona nº1
  2. Persona nº2
  3. Persona nº3
V.I.P.
Juanito Pérez||Mejor amigo
Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.
Fulanito Gandía||Hermano
Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.
Pepita Jiménez||Novia
Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.



Spoiler:

Código:
   <div style="background:#1C140E;width:490px;height:auto;padding:5px;margin:0 auto;text-align:center;border: 20px ridge #A68C69;box-shadow: 2px 2px 2px black;"><div style="background:url(http://i.imgur.com/BPvqVYO.png);width:490px;padding-top:0px;height:200px;background-position:center;overflow:hidden;border-width: 5px 0;border-color:#6E5636;border-style:solid;" id="fichahover"><div id="datosenv"><div id="datos" style="transition-delay:0.2s; font-size: 20px;font-family: 'six caps';padding-bottom: 5px;padding-top: 1px">Descripción psicológica</div><div id="datPerson" style="transition-delay:0.3s;">Aquí irá tu descripción psicológica, todo eso que la gente tendría que saber sobre tu forma de ser. Manías, gustos, odios. Toda la personalidad en general deberías escribirla aquí.</div><div id="datos" style="transition-delay:0.4s;">Nombre || Grupo || Bando</div><div id="datos" style="transition-delay:0.5s;">Nacionalidad || O. sexual || Rango</div></div><div id="segundaimagen" style="background:url(http://i.imgur.com/FUrQSN9.gif);"></div></div><br><div id="jfisico" class="jdat"><div>Amor</div></div><div id="jtextfisico" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jperson" class="jdat"><div>Odio</div></div><div id="jtextperson" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jfisico" class="jdat"><div>Amigos</div></div><div id="jtextfisico" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jperson" class="jdat"><div>Familia</div></div><div id="jtextperson" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jhist">V.I.P.</div><div id="jtexthist"><div class="itemVIP"><div class="itemDatosVIP">Juanito Pérez<span>||</span>Mejor amigo</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div><div class="itemVIP"><div class="itemDatosVIP">Fulanito Gandía<span>||</span>Hermano</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div><div class="itemVIP"><div class="itemDatosVIP">Pepita Jiménez<span>||</span>Novia</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div></div><br><div id="creditojl">Por <a href="http://www.oursourcecode.net/u6090" target="_blank">Jackin</a> & <a href="http://www.oursourcecode.net/u3888" target="_blank">LaufeysonSister</a> de <a href="http://www.oursourcecode.net/" target="_blank">OurSourceCode</a></div></div><style type="text/css">@-webkit-keyframes jdatfich{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@keyframes jdatfich{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@-webkit-keyframes jdatfich2{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@keyframes jdatfich2{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@-webkit-keyframes jdatfich12{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@keyframes jdatfich12{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@-webkit-keyframes jdatfich22{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@keyframes jdatfich22{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}} #datos{width:300px;height:20px;padding-top:5px;background:#9BA657;color:#291C12;position:relative;left:-350px;transition:ease-in-out 0.8s;-webkit-transition:ease-in-out 0.8s;-o-transition:ease-in-out 0.8s;-moz-transition:ease-in-out 0.8s;margin: 3px 0; font:10px calibri;text-transform:uppercase;letter-spacing:3px;} #fichahover:hover #datos{left:0px;} #datPerson{width:300px;height:100px;padding-top:5px;background:#9BA657;color:#291C12;position:relative;left:-350px;transition:ease-in-out 0.8s;-webkit-transition:ease-in-out 0.8s;-o-transition:ease-in-out 0.8s;-moz-transition:ease-in-out 0.8s;margin: 3px 0; font:10px calibri;text-transform:uppercase;letter-spacing:3px;overflow:hidden;} #fichahover:hover #datPerson{left:0px;} #datosenv, #segundaimagen{float:left;} #datosenv{width:300px;} #segundaimagen{width:180px;height:187px;background:#924643;position:relative;top:1px;border: 5px solid #9BA657;opacity:0;transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-o-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;} #fichahover:hover #segundaimagen{opacity:1;} #jfisico {z-index: 2;} #jperson {margin-left: 7px;margin-right: 0px;z-index: 2;} .jcajitadat {display: inline-block;width: 200px;padding: 10px;position: relative;height: 240px;border: 5px groove #A68C69;background-color: #1C140E;overflow: auto;color: #e0e0e0;line-height:8px;font:11px arial;text-align: justify;font-weight: 400;} #jtextfisico {margin-left: -237px;z-index: 1;-webkit-transition: z-index 0s 0.5s; transition: z-index 0s 0.5s;-webkit-animation-name: jdatfich; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;animation-name: jdatfich;animation-duration: 1s;animation-play-state: running;} #jtextperson {margin-left: -230px;z-index: 1;-webkit-transition: z-index 0s 0.5s; transition: z-index 0s 0.5s;-webkit-animation-name: jdatfich12; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;animation-name: jdatfich12;animation-duration: 1s;animation-play-state: running;} #jfisico:hover + #jtextfisico, #jtextfisico:hover{-webkit-animation-name: jdatfich2; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;z-index: 3;animation-name: jdatfich2;animation-duration: 1s;animation-play-state: running;} #jperson:hover + #jtextperson, #jtextperson:hover {-webkit-animation-name: jdatfich22; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;z-index: 3;animation-name: jdatfich22;animation-duration: 1s;animation-play-state: running;} .jdat {display: inline-block;width: 210px;margin-right: 7px;padding: 5px;position: relative;height: 250px;border: 5px #A68C69 groove;background-color: #1C140E;color: #E0E0E0; text-transform: uppercase;overflow: auto;} .jdat div {font:60px six caps;position: relative; top:80px;color:#9CA656;} #jhist {width: 435px;padding: 5px 10px 15px 10px;position: relative;height: 45px;border: 5px groove #A68C69;background-color: #1C140E;color: #9CA656;text-align: center;margin: 0 auto;border-bottom: none;text-transform: uppercase;font:40px six caps;letter-spacing:8px;} #jtexthist {font:12px arial;color:#e0e0e0;line-height:13px;width: 435px;padding: 0px 10px 0px 10px;position: relative;height: 0px;border: 5px groove #A68C69;border-top: none;background: -webkit-linear-gradient(#1C140E 15%, #3D3329);background: -moz-linear-gradient(#1C140E 15%, #3D3329);background: -o-linear-gradient(#1C140E 15%, #3D3329);background: linear-gradient(#1C140E 15%, #3D3329);text-align: center;margin: 0 auto;overflow: hidden;-webkit-transition: all 1s; transition: all 1s;text-align: justify;} #jhist:hover ~ #jtexthist, #jtexthist:hover {height: 130px;padding: 10px;border-top: 0px solid #A68C69;overflow: auto;} @font-face {font-family: 'Six Caps';font-style: normal;font-weight: 400;src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');} #creditojl{font:9px arial;color:#D5CEBF;margin: 0 auto;text-align:center;text-transform:uppercase;} #creditojl a{color:#9BA657;transition:ease-in-out 0.4s;-webkit-transition:ease-in-out 0.4s;-o-transition:ease-in-out 0.4s;-moz-transition:ease-in-out 0.4s;} #creditojl a:hover{letter-spacing:3px;} .subCat1 {background-color: #6E5636;margin: 0 auto;color: black; border-radius: 20px;padding: 7px 15px 2px 15px;width: 80%;box-shadow: 0px 0px 0px 3px #1C140E, 0px 0px 0px 7px #A68C69;} .subCat1 h1 {text-align: center; margin: 0 auto;font-family: calibri;text-transform: uppercase;font-size: 17px; color: #9BA657;font-weight: bold;text-shadow: 0px 0px 2px black;} .subCat1 h1:before, .subCat1 h1:after {font-family: sans-serif, serif;content: "∗";color: #666633;position: relative;font-size: 10px;font-weight: bold;font-size: 11px;top: -3px;} .subCat1 h1:before {left: -7px;} .subCat1 h1:after {right: -7px;} .subCat1 ol {counter-reset:li;margin-left:0;padding-left:0;}.subCat1 ol li {position:relative;margin:0 0 6px 2em;padding:4px 8px;list-style:none;border-top:2px solid #9BA657;background:#A68C69;box-shadow: 0px 0px 1px 1px black; border-bottom-right-radius: 20px 50px;} .subCat1 ol li:before {content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;border-top:2px solid #9BA657;color:black;background:#9BA657;font-weight:bold;font-family: Arial;text-align:center;box-shadow: -2px 0px 1px 1px black;} .itemVIP {margin: 0 auto;}.itemTextVIP {background-color: #9BA657; height: 0px; padding: 0px; border: 0px;overflow: hidden;-webkit-transition: all 1s; transition: all 1s;color: black;position: relative; top: -2px;} .itemDatosVIP:hover + .itemTextVIP, .itemTextVIP:hover {height: 100px;padding: 15px 10px; border-left: 3px solid #CAB6AB;border-right: 3px solid #CAB6AB;text-align: justify;border-top: 2px solid #CAB6AB;} .itemDatosVIP {margin: 0 auto;box-shadow: -12px 0px 0px 0px #9BA657, -24px 0px 0px 0px #A68C69;border: 1px solid #CAB6AB; padding: 7px 10px 5px 20px;background-color: #A68C69;width: 200px;text-align: center;color: black;font-weight: bold; font-family: calibri;text-transform: uppercase; font-size: 13px;-webkit-transition: all 1s linear;transition: all 1s linear;width: 60%;position: relative;z-index: 2;right: -15px;} .itemDatosVIP span {color: #CAB6AB; -webkit-transform: scaleY(2.3); display: inline-block; position: relative;top: -4px;padding: 0px 5px 0px 5px;font-size: 13px!important;} .itemVIP:hover .itemDatosVIP {box-shadow: -24px 0px 0px 0px #9BA657, -46px 0px 0px 0px #A68C69;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}</style>

Presley

Advertencias :
0 / 100 / 10

Piscis Posts : 632

Ver perfil de usuario

Volver arriba Ir abajo

Re: Ficha Modelo de Relaciones

Mensaje por Presley el Sáb Feb 15, 2014 9:27 pm

Código:
<div style="background:#1C140E;width:490px;height:auto;padding:5px;margin:0 auto;text-align:center;border: 20px ridge #A68C69;box-shadow: 2px 2px 2px black;"><div style="background:url(http://i.imgur.com/BPvqVYO.png);width:490px;padding-top:0px;height:200px;background-position:center;overflow:hidden;border-width: 5px 0;border-color:#6E5636;border-style:solid;" id="fichahover"><div id="datosenv"><div id="datos" style="transition-delay:0.2s; font-size: 20px;font-family: 'six caps';padding-bottom: 5px;padding-top: 1px">Descripción psicológica</div><div id="datPerson" style="transition-delay:0.3s;">Aquí irá tu descripción psicológica, todo eso que la gente tendría que saber sobre tu forma de ser. Manías, gustos, odios. Toda la personalidad en general deberías escribirla aquí.</div><div id="datos" style="transition-delay:0.4s;">Nombre || Grupo || Bando</div><div id="datos" style="transition-delay:0.5s;">Nacionalidad || O. sexual || Rango</div></div><div id="segundaimagen" style="background:url(http://i.imgur.com/FUrQSN9.gif);"></div></div><br><div id="jfisico" class="jdat"><div>Amor</div></div><div id="jtextfisico" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jperson" class="jdat"><div>Odio</div></div><div id="jtextperson" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jfisico" class="jdat"><div>Amigos</div></div><div id="jtextfisico" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jperson" class="jdat"><div>Familia</div></div><div id="jtextperson" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jhist">V.I.P.</div><div id="jtexthist"><div class="itemVIP"><div class="itemDatosVIP">Juanito Pérez<span>||</span>Mejor amigo</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div><div class="itemVIP"><div class="itemDatosVIP">Fulanito Gandía<span>||</span>Hermano</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div><div class="itemVIP"><div class="itemDatosVIP">Pepita Jiménez<span>||</span>Novia</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div></div><br><div id="creditojl">Por <a href="http://www.oursourcecode.net/u6090" target="_blank">Jackin</a> & <a href="http://www.oursourcecode.net/u3888" target="_blank">LaufeysonSister</a> de <a href="http://www.oursourcecode.net/" target="_blank">OurSourceCode</a></div></div><style type="text/css">@-webkit-keyframes jdatfich{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@keyframes jdatfich{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@-webkit-keyframes jdatfich2{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@keyframes jdatfich2{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@-webkit-keyframes jdatfich12{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@keyframes jdatfich12{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@-webkit-keyframes jdatfich22{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@keyframes jdatfich22{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}} #datos{width:300px;height:20px;padding-top:5px;background:#9BA657;color:#291C12;position:relative;left:-350px;transition:ease-in-out 0.8s;-webkit-transition:ease-in-out 0.8s;-o-transition:ease-in-out 0.8s;-moz-transition:ease-in-out 0.8s;margin: 3px 0; font:10px calibri;text-transform:uppercase;letter-spacing:3px;} #fichahover:hover #datos{left:0px;} #datPerson{width:300px;height:100px;padding-top:5px;background:#9BA657;color:#291C12;position:relative;left:-350px;transition:ease-in-out 0.8s;-webkit-transition:ease-in-out 0.8s;-o-transition:ease-in-out 0.8s;-moz-transition:ease-in-out 0.8s;margin: 3px 0; font:10px calibri;text-transform:uppercase;letter-spacing:3px;overflow:hidden;} #fichahover:hover #datPerson{left:0px;} #datosenv, #segundaimagen{float:left;} #datosenv{width:300px;} #segundaimagen{width:180px;height:187px;background:#924643;position:relative;top:1px;border: 5px solid #9BA657;opacity:0;transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-o-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;} #fichahover:hover #segundaimagen{opacity:1;} #jfisico {z-index: 2;} #jperson {margin-left: 7px;margin-right: 0px;z-index: 2;} .jcajitadat {display: inline-block;width: 200px;padding: 10px;position: relative;height: 240px;border: 5px groove #A68C69;background-color: #1C140E;overflow: auto;color: #e0e0e0;line-height:8px;font:11px arial;text-align: justify;font-weight: 400;} #jtextfisico {margin-left: -237px;z-index: 1;-webkit-transition: z-index 0s 0.5s; transition: z-index 0s 0.5s;-webkit-animation-name: jdatfich; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;animation-name: jdatfich;animation-duration: 1s;animation-play-state: running;} #jtextperson {margin-left: -230px;z-index: 1;-webkit-transition: z-index 0s 0.5s; transition: z-index 0s 0.5s;-webkit-animation-name: jdatfich12; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;animation-name: jdatfich12;animation-duration: 1s;animation-play-state: running;} #jfisico:hover + #jtextfisico, #jtextfisico:hover{-webkit-animation-name: jdatfich2; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;z-index: 3;animation-name: jdatfich2;animation-duration: 1s;animation-play-state: running;} #jperson:hover + #jtextperson, #jtextperson:hover {-webkit-animation-name: jdatfich22; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;z-index: 3;animation-name: jdatfich22;animation-duration: 1s;animation-play-state: running;} .jdat {display: inline-block;width: 210px;margin-right: 7px;padding: 5px;position: relative;height: 250px;border: 5px #A68C69 groove;background-color: #1C140E;color: #E0E0E0; text-transform: uppercase;overflow: auto;} .jdat div {font:60px six caps;position: relative; top:80px;color:#9CA656;} #jhist {width: 435px;padding: 5px 10px 15px 10px;position: relative;height: 45px;border: 5px groove #A68C69;background-color: #1C140E;color: #9CA656;text-align: center;margin: 0 auto;border-bottom: none;text-transform: uppercase;font:40px six caps;letter-spacing:8px;} #jtexthist {font:12px arial;color:#e0e0e0;line-height:13px;width: 435px;padding: 0px 10px 0px 10px;position: relative;height: 0px;border: 5px groove #A68C69;border-top: none;background: -webkit-linear-gradient(#1C140E 15%, #3D3329);background: -moz-linear-gradient(#1C140E 15%, #3D3329);background: -o-linear-gradient(#1C140E 15%, #3D3329);background: linear-gradient(#1C140E 15%, #3D3329);text-align: center;margin: 0 auto;overflow: hidden;-webkit-transition: all 1s; transition: all 1s;text-align: justify;} #jhist:hover ~ #jtexthist, #jtexthist:hover {height: 130px;padding: 10px;border-top: 0px solid #A68C69;overflow: auto;} @font-face {font-family: 'Six Caps';font-style: normal;font-weight: 400;src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');} #creditojl{font:9px arial;color:#D5CEBF;margin: 0 auto;text-align:center;text-transform:uppercase;} #creditojl a{color:#9BA657;transition:ease-in-out 0.4s;-webkit-transition:ease-in-out 0.4s;-o-transition:ease-in-out 0.4s;-moz-transition:ease-in-out 0.4s;} #creditojl a:hover{letter-spacing:3px;} .subCat1 {background-color: #6E5636;margin: 0 auto;color: black; border-radius: 20px;padding: 7px 15px 2px 15px;width: 80%;box-shadow: 0px 0px 0px 3px #1C140E, 0px 0px 0px 7px #A68C69;} .subCat1 h1 {text-align: center; margin: 0 auto;font-family: calibri;text-transform: uppercase;font-size: 17px; color: #9BA657;font-weight: bold;text-shadow: 0px 0px 2px black;} .subCat1 h1:before, .subCat1 h1:after {font-family: sans-serif, serif;content: "∗";color: #666633;position: relative;font-size: 10px;font-weight: bold;font-size: 11px;top: -3px;} .subCat1 h1:before {left: -7px;} .subCat1 h1:after {right: -7px;} .subCat1 ol {counter-reset:li;margin-left:0;padding-left:0;}.subCat1 ol li {position:relative;margin:0 0 6px 2em;padding:4px 8px;list-style:none;border-top:2px solid #9BA657;background:#A68C69;box-shadow: 0px 0px 1px 1px black; border-bottom-right-radius: 20px 50px;} .subCat1 ol li:before {content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;border-top:2px solid #9BA657;color:black;background:#9BA657;font-weight:bold;font-family: Arial;text-align:center;box-shadow: -2px 0px 1px 1px black;} .itemVIP {margin: 0 auto;}.itemTextVIP {background-color: #9BA657; height: 0px; padding: 0px; border: 0px;overflow: hidden;-webkit-transition: all 1s; transition: all 1s;color: black;position: relative; top: -2px;} .itemDatosVIP:hover + .itemTextVIP, .itemTextVIP:hover {height: 100px;padding: 15px 10px; border-left: 3px solid #CAB6AB;border-right: 3px solid #CAB6AB;text-align: justify;border-top: 2px solid #CAB6AB;} .itemDatosVIP {margin: 0 auto;box-shadow: -12px 0px 0px 0px #9BA657, -24px 0px 0px 0px #A68C69;border: 1px solid #CAB6AB; padding: 7px 10px 5px 20px;background-color: #A68C69;width: 200px;text-align: center;color: black;font-weight: bold; font-family: calibri;text-transform: uppercase; font-size: 13px;-webkit-transition: all 1s linear;transition: all 1s linear;width: 60%;position: relative;z-index: 2;right: -15px;} .itemDatosVIP span {color: #CAB6AB; -webkit-transform: scaleY(2.3); display: inline-block; position: relative;top: -4px;padding: 0px 5px 0px 5px;font-size: 13px!important;} .itemVIP:hover .itemDatosVIP {box-shadow: -24px 0px 0px 0px #9BA657, -46px 0px 0px 0px #A68C69;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}</style>

[spoiler]
[code]  <div style="background:#1C140E;width:490px;height:auto;padding:5px;margin:0 auto;text-align:center;border: 20px ridge #A68C69;box-shadow: 2px 2px 2px black;"><div style="background:url(http://i.imgur.com/BPvqVYO.png);width:490px;padding-top:0px;height:200px;background-position:center;overflow:hidden;border-width: 5px 0;border-color:#6E5636;border-style:solid;" id="fichahover"><div id="datosenv"><div id="datos" style="transition-delay:0.2s; font-size: 20px;font-family: 'six caps';padding-bottom: 5px;padding-top: 1px">Descripción psicológica</div><div id="datPerson" style="transition-delay:0.3s;">Aquí irá tu descripción psicológica, todo eso que la gente tendría que saber sobre tu forma de ser. Manías, gustos, odios. Toda la personalidad en general deberías escribirla aquí.</div><div id="datos" style="transition-delay:0.4s;">Nombre || Grupo || Bando</div><div id="datos" style="transition-delay:0.5s;">Nacionalidad || O. sexual || Rango</div></div><div id="segundaimagen" style="background:url(http://i.imgur.com/FUrQSN9.gif);"></div></div><br><div id="jfisico" class="jdat"><div>Amor</div></div><div id="jtextfisico" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jperson" class="jdat"><div>Odio</div></div><div id="jtextperson" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jfisico" class="jdat"><div>Amigos</div></div><div id="jtextfisico" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jperson" class="jdat"><div>Familia</div></div><div id="jtextperson" class="jcajitadat"><div class="subCat1"><h1>Subcategoría 1</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 2</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div><div class="subCat1"><h1>Subcategoría 3</h1><ol><li>Persona nº1</li><li>Persona nº2</li><li>Persona nº3</li></ol></div></div><div id="jhist">V.I.P.</div><div id="jtexthist"><div class="itemVIP"><div class="itemDatosVIP">Juanito Pérez<span>||</span>Mejor amigo</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div><div class="itemVIP"><div class="itemDatosVIP">Fulanito Gandía<span>||</span>Hermano</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div><div class="itemVIP"><div class="itemDatosVIP">Pepita Jiménez<span>||</span>Novia</div><div class="itemTextVIP">Aquí irá un pequeño texto donde describirás como empezó la relación, qué es lo que os empujó a continuarla y por que es tan importante para tí.</div></div></div><br><div id="creditojl">Por <a href="http://www.oursourcecode.net/u6090" target="_blank">Jackin</a> & <a href="http://www.oursourcecode.net/u3888" target="_blank">LaufeysonSister</a> de <a href="http://www.oursourcecode.net/" target="_blank">OurSourceCode</a></div></div><style type="text/css">@-webkit-keyframes jdatfich{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@keyframes jdatfich{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@-webkit-keyframes jdatfich2{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@keyframes jdatfich2{0% {left: 0px;}50% {left: -231px;}100% {left: 0px;}}@-webkit-keyframes jdatfich12{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@keyframes jdatfich12{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@-webkit-keyframes jdatfich22{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}}@keyframes jdatfich22{0% {right: 0px;}50% {right: -231px;}100% {right: 0px;}} #datos{width:300px;height:20px;padding-top:5px;background:#9BA657;color:#291C12;position:relative;left:-350px;transition:ease-in-out 0.8s;-webkit-transition:ease-in-out 0.8s;-o-transition:ease-in-out 0.8s;-moz-transition:ease-in-out 0.8s;margin: 3px 0; font:10px calibri;text-transform:uppercase;letter-spacing:3px;} #fichahover:hover #datos{left:0px;} #datPerson{width:300px;height:100px;padding-top:5px;background:#9BA657;color:#291C12;position:relative;left:-350px;transition:ease-in-out 0.8s;-webkit-transition:ease-in-out 0.8s;-o-transition:ease-in-out 0.8s;-moz-transition:ease-in-out 0.8s;margin: 3px 0; font:10px calibri;text-transform:uppercase;letter-spacing:3px;overflow:hidden;} #fichahover:hover #datPerson{left:0px;} #datosenv, #segundaimagen{float:left;} #datosenv{width:300px;} #segundaimagen{width:180px;height:187px;background:#924643;position:relative;top:1px;border: 5px solid #9BA657;opacity:0;transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-o-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;} #fichahover:hover #segundaimagen{opacity:1;} #jfisico {z-index: 2;} #jperson {margin-left: 7px;margin-right: 0px;z-index: 2;} .jcajitadat {display: inline-block;width: 200px;padding: 10px;position: relative;height: 240px;border: 5px groove #A68C69;background-color: #1C140E;overflow: auto;color: #e0e0e0;line-height:8px;font:11px arial;text-align: justify;font-weight: 400;} #jtextfisico {margin-left: -237px;z-index: 1;-webkit-transition: z-index 0s 0.5s; transition: z-index 0s 0.5s;-webkit-animation-name: jdatfich; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;animation-name: jdatfich;animation-duration: 1s;animation-play-state: running;} #jtextperson {margin-left: -230px;z-index: 1;-webkit-transition: z-index 0s 0.5s; transition: z-index 0s 0.5s;-webkit-animation-name: jdatfich12; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;animation-name: jdatfich12;animation-duration: 1s;animation-play-state: running;} #jfisico:hover + #jtextfisico, #jtextfisico:hover{-webkit-animation-name: jdatfich2; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;z-index: 3;animation-name: jdatfich2;animation-duration: 1s;animation-play-state: running;} #jperson:hover + #jtextperson, #jtextperson:hover {-webkit-animation-name: jdatfich22; -webkit-animation-duration: 1s; -webkit-animation-play-state: running;z-index: 3;animation-name: jdatfich22;animation-duration: 1s;animation-play-state: running;} .jdat {display: inline-block;width: 210px;margin-right: 7px;padding: 5px;position: relative;height: 250px;border: 5px #A68C69 groove;background-color: #1C140E;color: #E0E0E0; text-transform: uppercase;overflow: auto;} .jdat div {font:60px six caps;position: relative; top:80px;color:#9CA656;} #jhist {width: 435px;padding: 5px 10px 15px 10px;position: relative;height: 45px;border: 5px groove #A68C69;background-color: #1C140E;color: #9CA656;text-align: center;margin: 0 auto;border-bottom: none;text-transform: uppercase;font:40px six caps;letter-spacing:8px;} #jtexthist {font:12px arial;color:#e0e0e0;line-height:13px;width: 435px;padding: 0px 10px 0px 10px;position: relative;height: 0px;border: 5px groove #A68C69;border-top: none;background: -webkit-linear-gradient(#1C140E 15%, #3D3329);background: -moz-linear-gradient(#1C140E 15%, #3D3329);background: -o-linear-gradient(#1C140E 15%, #3D3329);background: linear-gradient(#1C140E 15%, #3D3329);text-align: center;margin: 0 auto;overflow: hidden;-webkit-transition: all 1s; transition: all 1s;text-align: justify;} #jhist:hover ~ #jtexthist, #jtexthist:hover {height: 130px;padding: 10px;border-top: 0px solid #A68C69;overflow: auto;} @font-face {font-family: 'Six Caps';font-style: normal;font-weight: 400;src: local('Six Caps'), local('SixCaps'), url(http://themes.googleusercontent.com/static/fonts/sixcaps/v4/tMrhQDUBAHnnGuM33-yobPesZW2xOQ-xsNqO47m55DA.woff) format('woff');} #creditojl{font:9px arial;color:#D5CEBF;margin: 0 auto;text-align:center;text-transform:uppercase;} #creditojl a{color:#9BA657;transition:ease-in-out 0.4s;-webkit-transition:ease-in-out 0.4s;-o-transition:ease-in-out 0.4s;-moz-transition:ease-in-out 0.4s;} #creditojl a:hover{letter-spacing:3px;} .subCat1 {background-color: #6E5636;margin: 0 auto;color: black; border-radius: 20px;padding: 7px 15px 2px 15px;width: 80%;box-shadow: 0px 0px 0px 3px #1C140E, 0px 0px 0px 7px #A68C69;} .subCat1 h1 {text-align: center; margin: 0 auto;font-family: calibri;text-transform: uppercase;font-size: 17px; color: #9BA657;font-weight: bold;text-shadow: 0px 0px 2px black;} .subCat1 h1:before, .subCat1 h1:after {font-family: sans-serif, serif;content: "∗";color: #666633;position: relative;font-size: 10px;font-weight: bold;font-size: 11px;top: -3px;} .subCat1 h1:before {left: -7px;} .subCat1 h1:after {right: -7px;} .subCat1 ol {counter-reset:li;margin-left:0;padding-left:0;}.subCat1 ol li {position:relative;margin:0 0 6px 2em;padding:4px 8px;list-style:none;border-top:2px solid #9BA657;background:#A68C69;box-shadow: 0px 0px 1px 1px black; border-bottom-right-radius: 20px 50px;} .subCat1 ol li:before {content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:4px;border-top:2px solid #9BA657;color:black;background:#9BA657;font-weight:bold;font-family: Arial;text-align:center;box-shadow: -2px 0px 1px 1px black;} .itemVIP {margin: 0 auto;}.itemTextVIP {background-color: #9BA657; height: 0px; padding: 0px; border: 0px;overflow: hidden;-webkit-transition: all 1s; transition: all 1s;color: black;position: relative; top: -2px;} .itemDatosVIP:hover + .itemTextVIP, .itemTextVIP:hover {height: 100px;padding: 15px 10px; border-left: 3px solid #CAB6AB;border-right: 3px solid #CAB6AB;text-align: justify;border-top: 2px solid #CAB6AB;} .itemDatosVIP {margin: 0 auto;box-shadow: -12px 0px 0px 0px #9BA657, -24px 0px 0px 0px #A68C69;border: 1px solid #CAB6AB; padding: 7px 10px 5px 20px;background-color: #A68C69;width: 200px;text-align: center;color: black;font-weight: bold; font-family: calibri;text-transform: uppercase; font-size: 13px;-webkit-transition: all 1s linear;transition: all 1s linear;width: 60%;position: relative;z-index: 2;right: -15px;} .itemDatosVIP span {color: #CAB6AB; -webkit-transform: scaleY(2.3); display: inline-block; position: relative;top: -4px;padding: 0px 5px 0px 5px;font-size: 13px!important;} .itemVIP:hover .itemDatosVIP {box-shadow: -24px 0px 0px 0px #9BA657, -46px 0px 0px 0px #A68C69;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;}</style>[/code]
[/spoiler]




Presley

Advertencias :
0 / 100 / 10

Piscis Posts : 632

Ver perfil de usuario

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.