Modelo de Ficha

<div id="pressi"><div id="press"><span>Nombre</span></div><div id="giveme"><div class="bome">

[b]Datos[/b]
[u]Nombre Completo:[/u] INDICAR ALMA DOMINANTE
[u]Apodo:[/u]
[u]Sexo:[/u]
[u]Raza:[/u]
[u]Edad:[/u]
[u]Rama:[/u]
[u]Rango:[/u]

[b]Relaciones[/b]
[u]Familia:[/u]
[u]Pareja:[/u]
[u]Hijos:[/u]
[u]Maestro/Tutor:[/u]
[u]Alumnos:[/u]

[b]Descripción Física[/b]

[b]Descripción Psicológica[/b]

[b]Poderes y Habilidades[/b]

[b]Historia[/b]

[b]Extras[/b]
IMPORTANTE COLOCAR LINK A FORMA LOBUNA
 
</div></div><div id="give" style="background: url(https://via.placeholder.com/470x400)"></div><div id="ssi"></div><div id="ggi"></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style type="text/css">#pressi {width: 470px; outline: 1px solid #eaeaea; height: 500px; background: #fff; position: relative; overflow: hidden;margin: 0 auto;}#press {height: 100px; background: #000000; text-align: center;}#ssi {width: 0px;height: 0px;border-style: solid;border-width: 0px 470px 40px 0px;border-color: transparent #000000 transparent transparent; position: absolute; top:100px;}#ggi {width: 0px;height: 0px;border-style: solid;border-width: 40px 0px 0px 470px;border-color: transparent transparent transparent #000000; position: absolute; bottom: 0px;}#press span {font: 40px "Lucida Handwriting"; color: #ffffff; position: relative; display: block;}#press span2 {font: 6px verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; position: relative; background: #222; padding: 5px; top: -28px;}#give {height: 400px; position: relative; top: -400px; left: 0px; transition:0.9s ease-in 0.2s; transition-timing-function: cubic-bezier(0.3,0,0.2,1);}#pressi:hover #give {left: 470px; top: -360px;}#giveme {height: 400px; background: #fff}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}#giveme .bome {width: 350px; margin: 0 auto; height: 250px; overflow: auto; position: relative; top: 75px; font: 11px verdana; text-align: justify; padding-right: 10px; line-height: 125%;}.bome i {color: #000000; font: 13px cambria; font-style: italic;}@font-face { font-family: "stockholm"; src: url('https://dl.dropboxusercontent.com/s/q84mzimvxzqawcj/HelloStockholm-Regular.ttf'); format("truetype");}</style>