Ficha Modelo

Un pequeño concejo, debes dejar un cierto espacio al final una vez colocada tu ficha para que las barras extensibles puedan ser visibles, gracias por su comprensión.

Titulo de la Ficha

Nombre y Apellido de tu pj

dato 1

dato 2

dato 3

dato 4

dato 5

dato 6

- Code by Maika

Personalidad

Diez lineas en word

Fisico

Diez lineas en word

Historia

Quince lineas en Word

Más...

Gustos, Disgustos y Más.

Código:

<center><div id="Fl6ficha">Titulo de la Ficha</div><div id="Fl2ficha"style="background:url(http://placehold.it/500x200);"><div id="FLficha"><div id="Fl3ficha">Nombre y Apellido de tu pj</div><img src="http://placehold.it/300x150" /><li>dato 1</li><li>dato 2</li><li>dato 3</li><li>dato 4</li><li>dato 5</li><li>dato 6</li>- Code by Maika</div><div id="Fl4ficha"><div id="Fl5ficha">Personalidad</div><p>Diez lineas en word</p></div>
<div id="Fl4ficha"><div id="Fl5ficha">Fisico</div><p>Diez lineas en word</div><div id="Fl4ficha"><div id="Fl5ficha">Historia</div><p>Quince lineas en Word</p></div><div id="Fl4ficha"><div id="Fl5ficha">Más...</div><p>Gustos, Disgustos y Más.</p></div></div></center>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style>#FLficha{color: Black;width:480px;height:184px;padding:8px;transition-duration:0.6s;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;background:black;overflow:auto;opacity:0;font: 10px helvetica; font-style: italic;}#FLficha:hover{opacity:0.8;} #FLficha img{float: left;}#FLficha li {display: block; color: Black; font: 11px calibri; text-transform: uppercase; letter-spacing: 1px; padding: 5px; text-decoration: none; background: #DBCBC3}#Fl2ficha {width:500px; height:200px;}#Fl3ficha {height:32px;font:30px Lobster; background:#DBCBC3;}#Fl4ficha {background: #DBCBC3; height:30px; width: 500px; overflow: hidden; -moz-transition:all 1.5s ease-in-out; -webkit-transition:all 1s ease-in-out; color: Black; font: 10px calibri;} #Fl4ficha:hover {height: 300px; overflow: auto;}#Fl4ficha p:first-letter {background: #DBCBC3; display: inline-block;margin: auto;font:20px Lobster;}#Fl4ficha p {padding: 15px; text-align: justify;}#Fl5ficha {height:32px;font:26px Lobster; background:#DBCBC3; color: Black;}#Fl6ficha {height:46px; width: 500px; font:40px Lobster; background:#DBCBC3; color: Black;}</style>