Molde para [FP]

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Molde para [FP]

Mensagem por Victoria em Seg Abr 01, 2013 10:53 pm



Nome Completo
Idade
Rank
Sua Maldição (para humanos deixar em branco)
Grupo
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
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>
avatar
Victoria
Admin

Mensagens : 47
Data de inscrição : 31/03/2013

Ver perfil do usuário http://powerandcontrol.forumeiros.com

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum