Modelo de ficha

Para comenzar a rolear, debes tener tu id hecha. Aquí encontrarás el código completo. En él te explicará cada cosa. No es obligación usar este código. En el caso de no poder hacerlo, solo tienes que copiar todo lo que se pide en el código y ponerlo como te parezca, pero bien relleno.


Este de aquí es el código. Solo debes copiarlo y rellenar lo que te pide.

Código:

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><div style="width: 450px; height: 80px; background: #0A081D;letter-spacing: -2px; font: 30px Roboto; color: #fff; padding-top: 40px; text-transform: uppercase; font-weight: 700; margin: 0 auto; text-align: center;">Nombre del Personaje</div><div style="width: 450px; margin: 0 auto;"><div style="width: 450px; height: 200px; background-image: url(https://placeholdit.imgix.net/~text?txtsize=16&txt=Imagen%20de%20tu%20pj%20[450x200]&w=450&h=200)"></div> <div style="width: 430px; background: #FFFBD8; border-radius: 25px; padding: 10px; font: 10px calibri; text-transform: uppercase; text-align: center;"><span style="font-size: 20px; color: #F3C19E; float: left;">❝</span>frase frase frase frase frase<span style="font-size: 20px; color: #F3C19E;float: right;">❞</span></div><table style="width: 450px;"><tr><td style="width: 225px; text-align: center; color: white; font: 12px roboto;"><li style="display: block; background: #CF5643; padding:5px; margin-bottom: 2px;">Nombre completo</li><li style="display: block; background: #CF5643; padding:5px; margin-bottom: 2px;">XX años</li><li style="display: block; background: #CF5643; padding:5px; margin-bottom: 2px;">Raza</li><li style="display: block; background: #CF5643; padding:5px; margin-bottom: 2px;">Manada</li><li style="display: block; background: #CF5643; padding:5px; margin-bottom: 2px;">Sexo</li><li style="display: block; background: #CF5643; padding:5px; margin-bottom: 2px;">Orientación sexual</li><li style="display: block; background: #CF5643; padding:5px; margin-bottom: 2px;">Rango</li><li style="display: block; background: #CF5643; padding:5px; ">Padres</li></td><td style="width: 185px; border: 10px solid #916848; padding: 10px; background: #FFFBD8; color: #916848; text-align: justify;"><p style="display: block; overflow: auto; height: 148px;font: 12px roboto; "><span style="font-size: 50px; float: left;">❝</span>Gustos, gustos, gustos gustos, gustos gustos, gustos gustos, gustos gustos, gustos gustos, gustos gustos, gustos gustos, gustos gustos, gustos gustos, gustos <br> Disgustos, disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos disgustos</p></td></tr><tr><td style="width: 185px; border: 10px solid #916848; padding: 10px; background: #FFFBD8; color: #916848; text-align: justify;"><p style="display: block; overflow: auto; height: 148px; font: 12px roboto; ">Virtudes, virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, virtudes virtudes, virtudes, <br> Defectos, defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos defectos<p></td><td style="width: 185px; border: 10px solid #F3C19E; padding: 10px; background: #0A081D; color: #F3C19E; text-align: justify;"><p style="display: block; overflow: auto; height: 148px; font: 12px roboto; "><span style="font-size: 50px; float: right;">❞</span>Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. Poderes, tecnicas e Inventario. </p></td></tr></table>
<div style="width: 450px; height: 40px; background: #916848;letter-spacing: 2px; font: 20px Roboto; color: #fff; padding-top: 20px; text-transform: uppercase; font-weight: 700; text-align: center;">Fisico</div><div style="height: 130px; overflow:auto; text-align:justify;color:#000;font:12px roboto;border-left: 20px solid #916848; background: #FFFBD8; padding: 30px;"><span style="font-size: 20px; color: #CF5643; font-weight: 900; font-style: italic;">A</span>qui tu descripsion física, aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,aquí tu descrision física,</div><div style="width: 450px; height: 40px; background: #0A081D;letter-spacing: 2px; font: 20px Roboto; color: #fff; padding-top: 20px; text-transform: uppercase; font-weight: 700; text-align: center;">Personalidad</div><div style="height: 130px; overflow:auto; text-align:justify;color:#000;font:12px roboto;border-right: 20px solid #0A081D; background: #FFFBD8; padding: 30px;"><span style="font-size: 20px; color: #CF5643; font-weight: 900; font-style: italic;">A</span>qui tu descripsion psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica, aquí tu descrision psicologica,</div><div style="width: 450px; height: 40px; background: #916848;letter-spacing: 2px; font: 20px Roboto; color: #fff; padding-top: 20px; text-transform: uppercase; font-weight: 700; text-align: center;">Historia</div><div style="height: 130px; overflow:auto; text-align:justify;color:#000;font:12px roboto;border-left: 20px solid #916848; background: #FFFBD8; padding: 30px;"><span style="font-size: 20px; color: #CF5643; font-weight: 900; font-style: italic;">A</span>qui tu historia, aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia aqui tu historia</div><div style="width: 450px; margin: 0 auto;"><a href="http://mikeiry.forochile.org/" style="display: inline-block; color: #fff; font:8px roboto; text-align:center; background: #CF5643; padding:5px; text-transform: uppercase; text-decoration: none; text-align:center; width: 140px; float: left;">By Nymphea</a></div><a href="savage-themes.tumblr.com" style="display: inline-block; color: #fff; font:8px roboto; text-align:center; background: #CF5643; padding:5px; text-transform: uppercase; text-decoration: none; text-align:center; width: 285px; float: right;">available on Savage Themes</a></div>