Ambientación
Desde tiempos inmemorables existe un mundo paralelo oculto a los ojos de los "muggles", un lugar donde las leyes de la lógica pierden todo el sentido, pues en este lugar la magia forma parte de la vida cotidiana. Una gran sociedad de magos y brujas luchan con el fin de no ser descubiertos, ni alterar el orden de la gente no mágica. Bienvenidos al Mundo Mágico. ¿Te atreves a escribir tu propia historia?
Administración
Stew Grindelwald
Isabel Braswell
Andrew Prewett
Conectarse

Recuperar mi contraseña

Novedades
11.01 Nos encontramos en el año 1928
11.01Una vez registrados, por favor hacer el test del Sombrero Seleccionador.
11.01Las Hibrideces son heredadas por familia fundada on rol.
00 . 00 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Últimos temas
» Ficha TyreDun.
Ayer a las 5:33 am por IsabelBraswell

» Ficha Aincrad
Jue Ene 19, 2017 4:20 pm por Aincrad

» Registro; Clases de Primer Año - Mitología
Dom Ene 15, 2017 8:57 pm por Lou Théophile

» Cronica-> primera parte
Dom Ene 15, 2017 4:36 pm por SamAxix

» Métodos de Organización sobre las clases de Mitología:
Sáb Ene 14, 2017 7:51 pm por SamAxix

» Legalización de Familias
Vie Ene 13, 2017 7:37 am por StewG

» Maximoff ...
Jue Ene 12, 2017 10:45 pm por Maximoff

» Ficha Chupy-Xkekos
Jue Ene 12, 2017 10:15 pm por Chupy-Xkekos

» Mis Habilidades
Jue Ene 12, 2017 9:58 pm por Chupy-Xkekos

37 puntos
47 puntos
5 puntos
32 puntos

Modelo de Ficha con HTML

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de Ficha con HTML

Mensaje por JQuintaal49 el Miér Jun 01, 2016 1:23 pm

¿Quieres tener una ficha con un lindo modelo?
Pues facil, te dejaré el codigo de este modelo para que copies y edites tu ficha, recuerda respetar los parametros y no borrar algun codigo o se joderá todo


Nombre del Personaje

Edad - Nacimiento - Sexualidad - Ocupación - Casa que pertenece- Nombre off rol - Varita

Frase del personaje

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.
Historia
Físico


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.
Personalidad


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.


Código HTML:

Código:
<link href='https://fonts.googleapis.com/css?family=Kurale' rel='stylesheet' type='text/css'><div style="width:450px; height:auto; background: #FCE5C3;padding:10px;box-shadow: 2px 2px 2px #5F5C74;border-top: 15px solid #65719F;border-left: 10px solid #65719F;"><div style="width: 450px; height: 80px; background: #5F5C74;letter-spacing: -2px; font: 30px Kurale; color: #fff; padding-top: 40px;text-align: center;">Nombre del Personaje</div><div style="background-image: url(http://placehold.it/450x200);width:450px;height:200px;" class="ImageEx"> <div id="ImageHover">
[center][color=#000000]Edad - Nacimiento - Sexualidad - Ocupación - Casa que pertenece- Nombre off rol - Varita[/color][/center]
<br></div></div><div style="width:440px;padding:5px;background:#65719F;font-size:10px;text-transform:uppercase;font-family:calibri;text-align:center;color:#fff;">Frase del personaje</div>
<table><tr><td><div style="width: 200px; background: #65719F; font: 11px arial; color: #fff; padding: 20px;text-align: justify;height:150px;overflow:auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.</div></td></td><td><div style="width: 200px; height: 150px; background: #5F5C74;letter-spacing: -2px; font: 30px Kurale; color: #fff; padding-top: 40px;text-align: center;">Historia</div></td></tr></table>
<table><tr><td><div style="width:200px;height:150px;background-image: url(http://placehold.it/200x150);border:10px solid #5F5C74;"></div><div style="width: 170px; background: #65719F; font: 11px arial; color: #fff; padding: 20px;text-align: justify;height:350px;overflow:auto;border-left: 10px solid #5F5C74;"><div style="background: #5F5C74;letter-spacing: -2px; font: 20px Kurale; color: #fff; padding: 10px;text-align: center;">Físico</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.</div></td><td><div style="width: 170px; background: #65719F; font: 11px arial; color: #fff; padding: 20px;text-align: justify;height:350px;overflow:auto;border-right: 10px solid #5F5C74;"><div style="background: #5F5C74;letter-spacing: -2px; font: 20px Kurale; color: #fff; padding: 10px;text-align: center;">Personalidad</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis blandit justo, at aliquam ante semper luctus. Quisque eget magna ac urna tempus feugiat. Ut id nunc id ante ultricies mollis.</div><div style="width:200px;height:150px;background-image: url(http://placehold.it/200x150);border:10px solid #5F5C74;"></div></td></tr></table>
<div style="width:440px;padding:5px;background:#65719F;font-size:10px;text-transform:uppercase;font-family:calibri;text-align:center;color:#fff;">"  <a href="http://thecaptainknowsbest.tumblr.com/" style="color:#fff;">Hogwarts Colegio de Magia y Hechicera</a></div></div>

_________________
Mensajes :
51


Ver perfil de usuario

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permisos de este foro:
No puedes responder a temas en este foro.