Modelo de Ficha Ninja

**Kaguya Otsutsuki** · por **Kaguya Otsutsuki** Lun 17 Ago 2015, 8:39 pm

Nombre del Personaje

Edad

Genero

Clan

Aldea|Organizacion

Elementos

Especialidad

Perfil Psicologico

Al menos 10 lineas para la descripsion psicologica del personaje.

Perfil Físico

Al menos 10 lineas para la descripsion fisica del personaje.

Historia

Al menos 10 lineas para la historia de vida del personaje.

Código:: <center><div style="width: 480px; height: 1000px; background-color: #b2b2b2; border: 10px solid #504c54;"> <div style="font-family: dancing script; font-size: 34px; text-align: center; width: 470px; background: #504c54; color: #000000; height: 30px; padding-top: 15px; padding-bottom: 5px; margin-top: -10px;">Nombre del Personaje</div> <div id="cajita1"><div class="cajita2"><div style="width: 470px; height: 250px; background:url(http://i.imgur.com/hXNjdII.png);"></div></div><div style="width: 468px; height: 248px; background: #b5b2b8; border: 1px solid #504c54;"><table style="margin-top: 25px;"><tr><td><div style="width: 180px; height: 180px; background: url(http://i.imgur.com/2e5RbTc.png); border: 7px solid #504c54;"></div></td><td><div class="datos1">Edad</div><div class="datos1">Genero</div><div class="datos1">Clan</div><div class="datos1">Aldea|Organizacion</div><div class="datos1">Elementos</div><div class="datos1">Especialidad</div></td></tr></table></div></div> <div class="titu1">Perfil Psicologico</div><div class="cont1">Al menos 10 lineas para la descripsion psicologica del personaje. </div> <div style="margin-top: -10px;"><table><tr><td><div class="titu2">Perfil Físico</div><div class="cont2">Al menos 10 lineas para la descripsion fisica del personaje. </div></td><td><div style="width: 189px; height: 205px; background: url(http://i.imgur.com/wS8MgPt.png);"></div></td></tr></table></div> <div class="titu1">Historia</div><div class="cont1">Al menos 10 lineas para la historia de vida del personaje. </div> </div><div style="margin-top: -15px; text-align: center; color: #dddddd; text-shadow: 2px 2px 2px #000; font-size: 6px; font-family: Open sans condensed; text-transform: uppercase;">hecho por <a href="http://matryoshka.foroac.com/u405">tiika</a> © matryoshka</div> </center> <style type="text/css">#cajita1 {width: 470px; height: 250px; overflow: hidden; position: relative; margin-top: -10px;} #cajita1 .cajita2 {position: absolute; left: 0px; width: 470px; height: 250px; transition:3s;} #cajita1:hover .cajita2 {left: -470px; transition: 3s;} .datos1 {margin: 5px; text-align: center; background:#504c54; width: 230px; height: 15px; padding-top: 4px; padding-bottom: 4px; color: #000000; line-height: 100%; font-family: Open sans condensed; font-size: 11px;} .titu1 {width: 450px; height: 19px; background: #504c54; border-left: 20px solid #b5b2b8; color: #000000; padding-top: 5px; padding-bottom: 3px; margin-top: -10px; text-transform: uppercase; font-size: 12px;} .cont1 {font-family: Open sans condensed; font-size: 12px; line-height: 100%; color: #504c54; text-align: justify; background-color: #d1d1d1; width: 460px; height: 180px; overflow: auto; padding: 5px;} .titu2 {width: 250px; text-align: center; height: 19px; background: #504c54; border-left: 20px solid #b5b2b8; color: #000000; padding-top: 6px; text-transform: uppercase; font-size: 12px;} .cont2 {font-family: Open sans condensed; font-size: 12px; line-height: 100%; color: #504c54; text-align: justify; background-color: #d1d1d1; width: 260px; height: 170px; overflow: auto; padding: 5px;}</style> <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed|Dancing+Script' rel='stylesheet' type='text/css'>