Modelo Ficha de Personaje

Vie Ago 06, 2010 9:32 pm

[size=14]Este es el modelo para la ficha de personaje
Abrir un nuevo tema para publicar su ficha

Código:: <center><br /><link href='https://fonts.googleapis.com/css?family=Special+Elite|Coda' rel='stylesheet' type='text/css'><div class="phicaja" style="background-image:url('http://i68.tinypic.com/1onbkn.png');"><div class="phimarcaagua"><img src="http://www.renders-graphiques.fr/image/upload/normal/top-secret2.png" width="350px;"/></div><div class="phinumber"><div class="phinumbertxt">expediente nº 000618</div></div><div class="phifoto" style="background-image:url('URL IMG 200*200');"></div><div class="phiname"><div class="phinametxt">Stan Pines</div></div><div class="phidatos"><div class="phidcaja"><div class="phidctxt">Dato 6</div></div><div class="phidcaja"><div class="phidctxt">Dato 1</div></div><div class="phidcaja"><div class="phidctxt">Dato 8</div></div><div class="phidcaja"><div class="phidctxt">Dato 0</div></div><div class="phidcaja"><div class="phidctxt">Dato 33</div></div><div class="phidcaja"><div class="phidctxt">Dato 9</div></div></div><div class="phiigpest phiigpest1"><div class="pptxt">Psique</div></div><div class="phiigpest phiigpest2"><div class="pptxt">Físico</div></div><div class="phiigpest phiigpest3"><div class="pptxt">Bio</div></div><div class="phiigpest phiigpest4"><div class="pptxt">Otros</div></div><div class="phiigcaja phiicaja1"><div class="phiigctxt"><div class="phiigcttxt">Esta es la caja psicología.</div></div><div class="phiigcimg" style="background-image:url('IMG 180*180');"></div></div><div class="phiigcaja phiicaja2"><div class="phiigctxt"><div class="phiigcttxt">Esto es el físico.</div></div><div class="phiigcimg" style="background-image:url('IMG 180*180');"></div></div><div class="phiigcaja phiicaja3"><div class="phiigctxt"><div class="phiigcttxt">Esta es la bio. Tu vida tt.</div></div><div class="phiigcimg" style="background-image:url('IMG 180*180');"></div></div><div class="phiigcaja phiicaja4"><div class="phiigctxt"><div class="phiigcttxt">Otros datos sensuales.</div></div><div class="phiigcimg" style="background-image:url('IMG 180*180');"></div></div></div><div style="font-family:'special elite';font-size:11px;"><a href="http://bad-badass-apple.blogspot.com.es/">Basilisco [BA!]</a></div><br /><style type="text/css">.phicaja{width:570px;height:700px;position:relative;overflow:hidden;background-repeat:no-repeat;}.phimarcaagua{position:absolute;top:485px;left:120px;opacity:.7;}.phifoto{position:absolute;width:200px;height:200px;border:5px solid #fff;top:9px;left:17px;box-shadow:5px 5px 12px #020202;transform:rotate(-3deg);background-color:#fff;}.phinumber{width:180px;height:100px;position:absolute;top:90px;right:110px;opacity:.7;transform:rotate(20deg);}.phinumbertxt{font-family:'special elite';font-size:20px;text-align:center;color:#cc0000;line-height:30px;}.phiname{position:absolute;width:445px;height:50px;top:225px;left:25px;}.phinametxt{font-family:'special elite';font-size:35px;text-align:center;color:#202020;}.phidatos{position:absolute;width:445px;height:250px;top:300px;left:35px;}.phidcaja{position:relative;width:215px;height:50px;display:inline-block;margin-right:5px;margin-bottom:40px;opacity:.9;border-bottom:1px solid #020202;}.phidctxt{font-family:'special elite';font-size:20px;text-align:center;padding-top:17px;color:#020202;}.phiigpest{position:absolute;width:65px;height:30px;background-color:#cc0000;opacity:.7;box-shadow:3px 3px 7px #202020;}.phiigpest1{top:45px;left:476px;}.phiigpest2{top:85px;left:477px;}.phiigpest3{top:125px;left:478px;}.phiigpest4{top:165px;left:479px;}.pptxt{font-family:'special elite';letter-spacing:-1px;text-transform:uppercase;font-size:17px;text-align:right;padding-right:5px;padding-top:10px;color:#fff;}.phiigcaja{position:absolute;width:500px;height:480px;top:900px;left:10px;transition:all .8s ease-in .3s;}.phiigctxt{position:absolute;width:480px;height:340px;background-color:#f4e1b0;bottom:40px;left:10px;overflow:auto;opacity:.85;border-bottom:1px solid #202020;border-top:1px solid #202020;}.phiigcttxt{font-family:'coda';font-size:15px;text-align:justify;padding:25px;color:#202020;}.phiigcimg{width:180px;height:180px;background-color:#fff;position:absolute;border:5px solid #fff;top:-90px;right:60px;transform:rotate(7deg);box-shadow:5px 5px 12px #202020;}.phiigctxt::-webkit-scrollbar{width:4px;}.phiigctxt::-webkit-scrollbar-thumb{background-color:#202020;}.phiigctxt::-webkit-scrollbar-track{background-color:#f4e1b0;}.phiigpest1:hover ~ .phiicaja1{top:190px;}.phiigpest2:hover ~ .phiicaja2{top:190px;}.phiigpest3:hover ~ .phiicaja3{top:190px;}.phiigpest4:hover ~ .phiicaja4{top:190px;}.phiigcaja:hover{top:190px;}.phiigpest:hover{cursor:pointer;}</style></center>