Modelos de Ficha HTML.

por **Astartea Kurohina** Dom Ago 21, 2016 9:39 pm

start the riot

Nombre

Reino

Oficio

Sexo

Oro

Esferas de vida

Descripción física

La descripción física de tu personaje iría aquí ~

PERSONALIDAD

Aquí el txto detu personalidad.

PODERES

Texto aqui

INVENTARIO

Texto aquí

HISTORIA

Texto aquí

EXPERIENCIA Y EQUIPAMENTO

Aquí

FÍSICO OCUPADO: Nombre del PJ. — Serie| Anime | Juego | Etc.

LU

Código:: <center><div style="width: 455px; padding: 40px; background-color: #fff; border: 4px double #272727;"><div style="width: 450px; height: 150px; background-image:url(450x150); border: 4px double #fff;"><div class="d00"><div class="d0txt">start the riot</div></div></div><table cellspacing="2"><td><div class="datus">Nombre </div><div style="height: 2px;"></div><div class="datus">Reino </div><div style="height: 2px;"></div><div class="datus"> Oficio </div></td><td><div class="datus"> Sexo </div><div style="height: 2px;"></div><div class="datus"> Oro </div><div style="height: 2px;"></div><div class="datus"> Esferas de vida </div></td><td><div style="background-color: #fff; width: 255px; height: 110px; border-bottom: 2px solid #272727;"><div class="d11">Descripción física</div> <div class="d3txt">La descripción física de tu personaje iría aquí ~ </div></div></td></table><div style="height: 2px;"></div><div class="d12">PERSONALIDAD</div><div style="background-color: #fff; width: 450px; height: 180px; border-bottom: 2px solid #272727;"><div class="d2txt">Aquí el txto detu personalidad. </div></div><div style="height: 2px;"></div><div class="d12">PODERES</div><div style="background-color: #fff; width: 450px; height: 180px; border-bottom: 2px solid #272727;"><div class="d2txt">Texto aqui</div></div><div style="height: 2px;"></div><table cellspacing="2"><td><div style="background-color: #fff; width: 225px; height: 117px; border-bottom: 2px solid #272727;"><div class="d13">INVENTARIO</div> <div class="d1txt">Texto aquí </div></div></td><td><div style="background-color: #fff; width: 225px; height: 117px; border-bottom: 2px solid #272727;"><div class="d13">HISTORIA</div> <div class="d1txt">Texto aquí</div></div></td></table><div style="height: 2px;"></div><div class="d12">EXPERIENCIA Y EQUIPAMENTO</div><div style="background-color: #fff; width: 450px; height: 180px; border-bottom: 2px solid #272727;"><div class="d2txt">Aquí </div></div><div style="height: 2px;"></div><div class="d12">FÍSICO OCUPADO: <i>Nombre del PJ. — Serie| Anime | Juego | Etc.</i></div><div style="height: 2px;"></div><a href="http://lucie-andthezombifiedcookies.tumblr.com/"><div class="credii">LU</div></a></div></center> <style>.d00 { width: 90px; padding: 10px; position: relative; top: 20px; left: 150px; background-color: #fff; } .d0txt { font-size: 11px; font-family: calibri; font-style: italic; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #272727; } .datus { padding: 5px; width: 80px; font-family: calibri; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #272727; font-size: 9px; text-align: center; border: 4px double #fff; } .d11 { padding: 2px; width: 245px; font-family: calibri; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #272727; font-size: 9px; text-align: center; border: 4px double #fff; } .d3txt { overflow: auto; width: 245px; height: 70px; padding: 5px; font-family: calibri; color: #272727; text-align: justify; font-size: 10px; } .d12 { padding: 2px; width: 445px; font-family: calibri; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #272727; font-size: 9px; text-align: center; border: 4px double #fff; } .d2txt { overflow: auto; width: 445px; height: 170px; padding: 5px; font-family: calibri; color: #000; text-align: justify; font-size: 10px; } .d1txt { overflow: auto; width: 215px; height: 70px; padding: 5px; font-family: calibri; color: #272727; text-align: justify; font-size: 10px; } .d13 { padding: 2px; width: 215px; font-family: calibri; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #fff; background-color: #272727; font-size: 9px; text-align: center; border: 4px double #fff; } .credii { width: 20px; padding: 5px; font-style: italic; color: #272727; border: 1px solid #272727; text-transform: uppercase; position: relative; left: 220px; font-weight: bold; font-size: 10px; font-family: calibri; letter-spacing: 1px; } .credii a { color: #272727; } .d1txt::-webkit-scrollbar { width: 1px; background-color: #FFFFFF; } .d1txt::-webkit-scrollbar-track { background-color: #FFFFFF; } .d1txt::-webkit-scrollbar-thumb { background-color: #000000; } .d2txt::-webkit-scrollbar { width: 1px; background-color: #FFFFFF; } .d2txt::-webkit-scrollbar-track { background-color: #FFFFFF; } .d2txt::-webkit-scrollbar-thumb { background-color: #000000; } .d3txt::-webkit-scrollbar { width: 1px; background-color: #FFFFFF; } .d3txt::-webkit-scrollbar-track { background-color: #FFFFFF; } .d3txt::-webkit-scrollbar-thumb { background-color: #000000; }</style>

El color de la ficha puede cambiarse a gusto del usuario. Aunque es preferible que se ponga según el reino (Akibahara = Amarillo y Ryuno Uchi =Azul).
Por favor no remuevan los créditos, si piensan usarlo en algún otro lugar, igual, no lo remuevan.

Agradecemos de todo corazón a Mikae de Savage Themes.