Molde para [FP]
Página 1 de 1
Molde para [FP]
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
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
- 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:#101010;width:490px;height:auto;padding:5px;margin:0 auto;text-align:center;border: 20px ridge #949494;box-shadow: 2px 2px 2px black;"><div style="background:url(IMAGEM 490X200);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;">Rank</div><div id="datos" style="transition-delay:0.3s;">Maldição (humanos deixar em branco)</div><div id="datos" style="transition-delay:0.4s;">Grupo</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(IMAGEM 200X200);"></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">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><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:#9f9f9f;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 #9f9f9f;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 #949494;background-color: #101010;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 #949494 groove;background-color: #101010;color: #E0E0E0; text-transform: uppercase;overflow: auto;} .jdat div {font:60px six caps;position: relative; top:80px;color:#a1a1a1;} #jhist {width: 435px;padding: 5px 10px 15px 10px;position: relative;height: 45px;border: 5px groove #949494;background-color: #101010;color: #a1a1a1;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 #949494;border-top: none;background: -webkit-linear-gradient(#101010 15%, #3D3329);background: -moz-linear-gradient(#101010 15%, #3D3329);background: -o-linear-gradient(#101010 15%, #3D3329);background: linear-gradient(#101010 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 #949494;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:#9f9f9f;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>
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sáb Ago 29, 2015 2:18 pm por Victoria
» Beaumont, Helena
Sáb Ago 29, 2015 2:14 pm por Victoria
» Flood
Sáb Ago 29, 2015 2:05 pm por Ruby Jaclyn
» Katerina Gauthier
Qua Ago 26, 2015 12:06 am por Katerina Gauthier
» Bogdanow, WOLFGANG
Sáb Ago 15, 2015 10:47 pm por Wolfgang Bogdanow
» Even if they judge Fuck it all [RP]
Qua Ago 12, 2015 9:14 pm por Freya Västergötland
» With the beast inside || RP
Qui Ago 06, 2015 8:31 pm por Ophelia Stark
» No masters or kings when the ritual begins [RP]
Sáb Ago 01, 2015 9:25 pm por Freya Västergötland
» Drink it in, drink it up, till you've drowned in the light in the sound [RP ABERTA]
Sáb Ago 01, 2015 5:30 pm por Freya Västergötland