Modelo de Ficha HTML

por **Alex Green** Dom Dic 30, 2012 3:22 pm

Modelo De Ficha:

Requisitos para que te acepten la ficha:
Completarla de manera completa.
Leer las reglas tanto del foro, como las del rol.
Tener un Avatar que no distorcione la imagen del foro. (no muy grande ni muy chico, Les dejo a su criterio la medida, pero por lo menos 175x300)

La ficha es importante ya que en esta se conocerá todo los datos importantes de tu personaje:

NOMBRE

Datos

Nombre Completo

Edad real/Aparenta

Sexo

Orientación

Profesión

Región

Nivel económico

Pokemon Favorito

Descripciones

Descripción Psicológica

Mínimo 6 Líneas completas.

Descripción Física

Mínimo 3 líneas completas.

Historia

Mínimo 6 líneas completas.

Gustos

Gustos aquí

Odios

Odios aquí

Otros datos//Personaje

Los datos que no pudieron poner en otro lugar.
Nombre real del personaje//Serie/anime/videojuego en el que aparece.

♥Aria Kanzaki

Código:: <style type="text/css"> .title { text-decoration: none; color: #575757; -webkit-transition: color .5s linear; -moz-transition: color .5s linear; -o-transition: color .5s linear; -ms-transition: color .5s linear;} .title:hover { color: #FF7178; text-decoration:none; opacity: 0.8;-webkit-transition: color .5s linear; -moz-transition: color .5s linear; -o-transition: color .5s linear; -ms-transition: color .5s linear;} .sitio{ position:absolute; z-index:2; cursor: pointer; font-family: Impact; font-size: 13px; line-height: 15px; position:relative; text-transform: uppercase; width:175px; height:20px; padding-left:5px; color: #000; background-color: #000; border-right: 20px solid #000; color: #5C5C5C; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; margin-top:1px;} .sitio:hover { background: #FF7178; margin-left:20px; width: 110px; color: #000; transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease;} </style> <link href='http://fonts.googleapis.com/css?family=Monoton' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'><div style="width: 450px; margin: 0 auto; padding: 10px; background-color: #080808; border-left: solid 20px;"> <div style="width: 400px; height: 50px; border-right: solid 10px #FFF; margin: 0 auto; padding: 5px; background-color: #5C5C5C;"></div><div style="margin-top: -40px; text-shadow: 2px 1px 2px #000; font-size: 50px; text-align: center; color: #FFF; font-family: 'Monoton', cursive;"><div class="title">NOMBRE</div></div> <center><table><tr><td><div style="width: 200px; height: 300px; background-image: url(http://i1049.photobucket.com/albums/s382/AlexanderPrince/Personaje-Alex-Gree_zps1126d6e7.png);"></div></td><td><div style="width: 200px; height: 300px; background-color: #5C5C5C; border-right: solid 20px;"> <div style="margin-top: -0px; text-shadow: 2px 1px 2px #000; font-size: 30px; text-align: center; color: #FFF; font-family: 'Monoton', cursive;"><div class="title">Datos</div></div> <br><br><div style="margin-top:-9px; margin-left: -0px;"><div class="sitio">Nombre Completo</div></div><div style="margin-left: -0px;"><div class="sitio">Edad real/Aparenta</div></div><div style="margin-left: -0px;"><div class="sitio">Sexo</div></div><div style="margin-left: -0px;"><div class="sitio">Orientación</div></div><div style="margin-left: -0px;"><div class="sitio"> Profesión </div></div><div style="margin-top:-0px; margin-left: -0px;"><div class="sitio"> Región </div></div><div style="margin-top:-0px; margin-left: -0px;"><div class="sitio">Nivel económico</div></div><div style="margin-top:-0px; margin-left: -0px;"><div class="sitio">Pokemon Favorito</div></div></div></td></tr></table></center> <div style="text-align: right; margin-top: 30px; font-size: 40px; font-family: 'Dawning of a New Day', cursive; color: #FFF">Descripciones</div> <div style="width: 410px; padding: 10px; margin: 0 auto; border-right: solid 10px;"> <div style="margin-top: -40px; text-shadow: 2px 1px 2px #000; font-size: 20px; text-align: center; color: #FFF; font-family: 'Monoton', cursive;"><div class="title">Descripción Psicológica</div></div><div style="color: #FFF; text-align: justify; font-size: 10px; font-family: arial;"> Mínimo 6 Líneas completas. </div> </div> <div style="width: 410px; padding: 10px; margin: 0 auto; border-right: solid 10px;"> <div style="margin-top: -40px; text-shadow: 2px 1px 2px #000; font-size: 20px; text-align: center; color: #FFF; font-family: 'Monoton', cursive;"><div class="title">Descripción Física</div></div><div style="color: #FFF; text-align: justify; font-size: 10px; font-family: arial;"> Mínimo 3 líneas completas. </div> </div> <div style="width: 410px; padding: 10px; margin: 0 auto; border-right: solid 10px;"> <div style="margin-top: -40px; text-shadow: 2px 1px 2px #000; font-size: 20px; text-align: center; color: #FFF; font-family: 'Monoton', cursive;"><div class="title">Historia</div></div><div style="color: #FFF; text-align: justify; font-size: 10px; font-family: arial;"> Mínimo 6 líneas completas. </div> </div> <center><table><tr><td><div style="text-align: left; margin-top: 30px; font-size: 40px; font-family: 'Dawning of a New Day', cursive; color: #FFF">Gustos</div> <div style="width: 180px; padding: 10px; border-right: solid 20px;"><div style="color: #FFF; text-align: justify; font-size: 10px; font-family: arial;"> Gustos aquí </div> </div></td><td><div style="text-align: right; margin-top: 30px; font-size: 40px; font-family: 'Dawning of a New Day', cursive; color: #FFF">Odios</div> <div style="width: 180px; padding: 10px; border-right: solid 20px;"><div style="color: #FFF; text-align: justify; font-size: 10px; font-family: arial;"> Odios aquí </div></div></td></tr></table></center> <div style="width: 410px; padding: 10px; margin: 0 auto; border-right: solid 10px;"> <div style="margin-top: -40px; text-shadow: 2px 1px 2px #000; font-size: 20px; text-align: center; color: #FFF; font-family: 'Monoton', cursive;"><div class="title">Otros datos//Personaje</div></div><div style="color: #FFF; text-align: justify; font-size: 10px; font-family: arial;"> Los datos que no pudieron poner en otro lugar. Nombre real del personaje//Serie/anime/videojuego en el que aparece. </div> </div> <div style="width: 150px; border-left: solid 10px;"></div>[url=http://www.oursourcecode.net/u3222]<div style="text-align: left; font-size: 9px; color: #FFF;">♥Aria Kanzaki</div>[/url] </div>