ÍndiceÍndice  CalendarioCalendario  FAQFAQ  BuscarBuscar  MiembrosMiembros  Grupos de UsuariosGrupos de Usuarios  RegistrarseRegistrarse  ConectarseConectarse  

Comparte | 
 

 ficha HTML

Ir abajo 
AutorMensaje
Dracula
Sangre Pura
Sangre Pura
avatar

Mensajes : 41
Fecha de inscripción : 19/03/2015

MensajeTema: ficha HTML   Vie Nov 25, 2016 2:50 am




INFO. BÁSICA
Edad
Dato aquí
Nacionalidad
Dato aquí
Orientación sexual
Dato aquí
Rango
Dato aquí
Grupo
Dato aquí
Categoría
Dato aquí
Categoría
Dato aquí
DESCRIPCIONES
PSICOLOGÍA
Proin a laoreet magna, vitae molestie tortor. Praesent iaculis at dui nec aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eget augue sit amet nisi rhoncus elementum non ac turpis. Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.

FÍSICO
Vestibulum molestie eget tellus in convallis. Maecenas ultrices lacus in lectus vehicula ultricies. Mauris non felis eu sapien blandit consequat scelerisque ac enim. Vivamus posuere dolor mattis ligula suscipit volutpat. Etiam mauris justo, varius at ante et, rhoncus sodales sapien. Quisque iaculis metus et nulla egestas vehicula. Nam dictum sit amet magna quis rutrum. Quisque vel volutpat risus. Nunc dapibus blandit nunc, non congue sapien lacinia nec.
NOMBRE DEL PERSONAJE


HISTORIA
Aliquam quis porta elit. Proin vel fermentum ante. Sed molestie purus id fringilla blandit. Duis vehicula blandit felis aliquet gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer sed risus varius, auctor nulla id, eleifend neque. Sed in tortor id nunc ultricies fermentum. Duis volutpat sem dolor, a volutpat leo aliquet nec. Etiam tincidunt lobortis nisi, eu tincidunt nulla euismod id. Etiam egestas ligula sit amet tellus eleifend efficitur. Morbi sed facilisis felis, ac viverra tellus. Nam ac tellus aliquam libero pharetra faucibus. Cras tincidunt, elit vitae molestie consectetur, velit risus luctus urna, dignissim varius metus nulla non felis.
OTROS DATOS
GUSTOS&DISGUSTOS
Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
Manías
Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
Fobias
Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
FRASE
Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
・カイ as ♕ I Z U U 一 M I




Código:
<style>.Ka1 { width: 200px; height: 200px; background: url(http://data.whicdn.com/images/184973848/large.jpg) 35% 15%; border: 25px solid black;} .Ak1 { font-family: bebas; font-size: 60px; color: white; letter-spacing: -2px; text-align: center; display: block; margin-top: 40%; text-shadow: 0 0 1px #000;} .txet { width: 200px; max-height: 120px; padding: 20px; background: #000; line-height: normal; font-size: 8px; font-family: Sans-serif; text-align: justify; margin-left: 50px; color: #FFF; text-transform: uppercase; letter-spacing: 1px;}</style>

<div class="I-m"><table><tbody><tr><td><div id="Pr"><div class="NAM" style="margin-top: -20px;">INFO. BÁSICA</div><center><div class="Yr">Edad</div>Dato aquí
<div class="Yr">Nacionalidad</div>Dato aquí
<div class="Yr">Orientación sexual</div>Dato aquí
<div class="Yr">Rango</div>Dato aquí
<div class="Yr">Grupo</div>Dato aquí
<div class="Yr">Categoría</div>Dato aquí
<div class="Yr">Categoría</div>Dato aquí<center></div></td>
<td><div id="Pr" style="margin-left: 5px;"><div class="NAM" style="margin-top: -20px; font-size: 28px;">DESCRIPCIONES</div><div class="Yr" style="text-align: center;">PSICOLOGÍA</div>Proin a laoreet magna, vitae molestie tortor. Praesent iaculis at dui nec aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eget augue sit amet nisi rhoncus elementum non ac turpis. Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.

<div class="Yr" style="text-align: center;">FÍSICO</div>Vestibulum molestie eget tellus in convallis. Maecenas ultrices lacus in lectus vehicula ultricies. Mauris non felis eu sapien blandit consequat scelerisque ac enim. Vivamus posuere dolor mattis ligula suscipit volutpat. Etiam mauris justo, varius at ante et, rhoncus sodales sapien. Quisque iaculis metus et nulla egestas vehicula. Nam dictum sit amet magna quis rutrum. Quisque vel volutpat risus. Nunc dapibus blandit nunc, non congue sapien lacinia nec. </div></td></tr></tbody></table>
<div style="width: 450px; height: 180px; background: url(http://data.whicdn.com/images/220721488/large.jpg) 100% 50%; margin-top: 5px;"><div class="NAM" style="margin-top: 170px; margin-left: 10px;">NOMBRE DEL PERSONAJE</div></div>
<table><tbody><tr><td><div id="Pr" style="border-bottom: 20px solid #F3F3F3"><div class="NAM" style="margin-top: 260px;">HISTORIA</div>Aliquam quis porta elit. Proin vel fermentum ante. Sed molestie purus id fringilla blandit. Duis vehicula blandit felis aliquet gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer sed risus varius, auctor nulla id, eleifend neque. Sed in tortor id nunc ultricies fermentum. Duis volutpat sem dolor, a volutpat leo aliquet nec. Etiam tincidunt lobortis nisi, eu tincidunt nulla euismod id. Etiam egestas ligula sit amet tellus eleifend efficitur. Morbi sed facilisis felis, ac viverra tellus. Nam ac tellus aliquam libero pharetra faucibus. Cras tincidunt, elit vitae molestie consectetur, velit risus luctus urna, dignissim varius metus nulla non felis.</div></td>
<td><div id="Pr" style="margin-left: 5px; border-bottom: 20px solid #F3F3F3"><div class="NAM" style="margin-top: 260px; font-size: 32px;">OTROS DATOS</div><div class="Yr" style="text-align: center;">GUSTOS&DISGUSTOS</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
<div class="Yr" style="text-align: center;">Manías</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
<div class="Yr" style="text-align: center;">Fobias</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
<div class="Yr" style="text-align: center;">FRASE</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu. </div></td></tr></tbody></table>
<center><a href="http://dixinmortal.vampire-legend.net/u846">[color=BDBDBD]・カイ[/color] as <a href="http://izuu-mi.tumblr.com/">[color=#BDBDBD]♕ I Z U U 一 M I[/color]</a></a></center></div>

<style>.I-m {width: 450px; background: #FFF; margin: auto; padding: 5px; } #Pr { width: 205px; height: 250px; background: #F3F3F3; padding: 7px; font-family: Georgia; font-size: 11px; color: #4E4E4E; text-align: justify; overflow: auto; margin-top: -10px; } .Yr { font-family: Lora; text-transform: uppercase; color: #AFAFAF; letter-spacing: 1px; border-bottom: 1px solid #AFAFAF; text-align: center; } .NAM { position: absolute; font-family: Lora; text-transform: uppercase; color: #BDBDBD; font-size: 35px; letter-spacing: -1px; } div::-webkit-scrollbar {height: 2px; width: 2px; background: #FFF;} div::-webkit-scrollbar-thumb { background: #AFAFAF!important; }  </style><link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
Volver arriba Ir abajo
 
ficha HTML
Volver arriba 
Página 1 de 1.
 Temas similares
-
» Ficha Centro Asturiano de Oviedo
» Ficha con el dios Mercurio
» Ficha Catequesis Parroquial - s. XX
» Ayuda con esta Moneda, Ficha, medalla....
» peseta inédita o ficha de casino?

Permisos de este foro:No puedes responder a temas en este foro.
 :: Personaje :: Expedientes-
Cambiar a: