Modelo de Ficha

por **Divergente** Dom Ago 31, 2014 7:50 pm

Nome Completo

Idade

Orientação Sexual

Facção de nascimento

Facção atual

Photoplayer

PLAYER

Físico

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis leo placerat, viverra risus a, aliquet nisi. Duis consectetur vel augue eu sodales. Nullam eu orci sit amet nulla dictum auctor eu eu justo. Cras sapien odio, sagittis ut ullamcorper vel, euismod vitae nunc. Sed imperdiet faucibus odio non dapibus. Donec vitae fringilla velit, et dignissim lacus. Etiam consequat odio arcu, at sodales ipsum sagittis non. Vestibulum metus ligula, faucibus eget dapibus ac, tincidunt non justo. Integer a

Personalidade

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis leo placerat, viverra risus a, aliquet nisi. Duis consectetur vel augue eu sodales. Nullam eu orci sit amet nulla dictum auctor eu eu justo. Cras sapien odio, sagittis ut ullamcorper vel, euismod vitae nunc. Sed imperdiet faucibus odio non dapibus. Donec vitae fringilla velit, et dignissim lacus. Etiam consequat odio arcu, at sodales ipsum sagittis non. Vestibulum metus ligula, faucibus eget dapibus ac, tincidunt non justo. Integer a

historia

Escreva aqui sua história de vida, incluindo a facção onde nasceu, e a facção em que está atualmente. Lembrando que a mudança de facção só acontece uma vez na sua vida, e é na fase de seus 18 anos.

Caso queira ser da audácia, narre também como foi seus testes ao soro e seu salto do metrô até á integração no grupo.

Caso queira ser da facção Chastity ou Castidade (lembrando que apenas mulheres podem entrar no grupo), conte como foi seu rapto, e narre seus primeiros treinos mais dolorosos. Para mais informções sobre as facções AQUI

(Minimo 25 linhas)

Por Jackin & LaufeysonSister de OurSourceCode

Código:: <style type="text/css">#bodyth{border: 20px solid #000;width:300px;height:auto;background:#3FA0A7;padding:15px;margin: 0 auto;} #cajoth{background:#F0F0F0;width:280px;width:280px;height:auto;padding: 4px 10px 10px 10px; overflow:hidden;} #cajath1{margin-right:4px;} #textoth{margin-left:-10px;width:280px;padding: 0 10px;text-align:left;height: auto;margin-top:5px;font:10px calibri;line-height:10px;overflow:auto;} #textoth strong{color:#000;} #barritath1, #barritath2{width:280px;height:auto;padding:4px 0;font:13px dosis!important;text-transform:uppercase;color:#F5F2EC;text-align:center;line-height:14px!important;margin: 3px auto;} #barritath1{background:#64BDC4;} #barritath2{background:#E94A8F;} #textoth::-webkit-scrollbar { height: 32px; width: 15px; background: #D5D5D5; } #textoth::-webkit-scrollbar-thumb { background: #000; } #textoth::-webkit-scrollbar-button { background:transparent;height:0px; } #textoth a{text-transform:uppercase;font:12px dosis;color:#15A7A5;padding-left:20px;} #textosh a:before{content:"☢ "; font-size:14px;} #textoth a.packina:after{content:" (!!)"; font:14px dosis; color:#0C6C6A;} #textoth a.cerrado:after{content:" ✖"; font:14px dosis; color:#0C6C6A;} #textoth a.packaca:after{content:" (P)"; font:14px dosis; color:#0C6C6A;}</style><link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Dosis&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <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(IMAGEM495X210);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">Nome Completo</div><div id="datos" style="transition-delay:0.1s;">Idade</div><div id="datos" style="transition-delay:0.2s;">Orientação Sexual</div><div id="datos" style="transition-delay:0.3s;">Facção de nascimento</div><div id="datos" style="transition-delay:0.4s;">Facção atual</div><div id="datos" style="transition-delay:0.5s;">Photoplayer</div><div id="datos" style="transition-delay:0.6s;">PLAYER</div></div><div id="segundaimagen" style="background:url(http://i.imgur.com/FUrQSN9.gif);"></div></div><br><div id="jfisico" class="jdat"><div>Físico</div></div><div id="jtextfisico" class="jcajitadat">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis leo placerat, viverra risus a, aliquet nisi. Duis consectetur vel augue eu sodales. Nullam eu orci sit amet nulla dictum auctor eu eu justo. Cras sapien odio, sagittis ut ullamcorper vel, euismod vitae nunc. Sed imperdiet faucibus odio non dapibus. Donec vitae fringilla velit, et dignissim lacus. Etiam consequat odio arcu, at sodales ipsum sagittis non. Vestibulum metus ligula, faucibus eget dapibus ac, tincidunt non justo. Integer a </div><div id="jperson" class="jdat"><div>Personalidade</div></div><div id="jtextperson" class="jcajitadat">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis leo placerat, viverra risus a, aliquet nisi. Duis consectetur vel augue eu sodales. Nullam eu orci sit amet nulla dictum auctor eu eu justo. Cras sapien odio, sagittis ut ullamcorper vel, euismod vitae nunc. Sed imperdiet faucibus odio non dapibus. Donec vitae fringilla velit, et dignissim lacus. Etiam consequat odio arcu, at sodales ipsum sagittis non. Vestibulum metus ligula, faucibus eget dapibus ac, tincidunt non justo. Integer a </div><br><br><div id="jhist">historia</div><div id="jtexthist"> Escreva aqui sua história de vida, incluindo a facção onde nasceu, e a facção em que está atualmente. Lembrando que a mudança de facção só acontece uma vez na sua vida, e é na fase de seus 18 anos. Caso queira ser da audácia, narre também como foi seus testes ao soro e seu salto do Metrô até á integração no grupo. Caso queira ser da facção Chastity ou Castidade (lembrando que apenas mulheres podem entrar no grupo), conte como foi seu rapto, e narre seus primeiros treinos mais dolorosos.Para mais informções sobre as facções [url=http://rpgdivergentebr.forumeiros.com/t3-informacoes-dos-grupos]AQUI[/url] (Minimo 25 linhas) </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;} #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;}</style>