Modelo de Ficha

por **Caim** Sex Abr 05, 2019 12:41 am

Sua Raça

Nome Completo:

XX

Grupo:

XX

Alinhamento:

Ver tópico de Alinhamentos.

PhotoPlayer

XX

OFF:

XX

> Atributos: Ver o tópico de Sistemas para ver atributos e perícias.

> Perícias: XX

> História do Personagem: Olhe os tópicos de Clãs, Bruxas e Feiticeiros e os Grupos e Ranks antes de construir a personagem

「R」

Código:: <center><div class="rstarsaction"><div class="rstarsimg" style="background-image: url(Sua JPG ou GIF aqui);"><div class="rstarsnome"><span style="border: 2px solid #fff;padding: 5px 10px;">Sua Raça</span></div><div class="rstarsinfo"><div class="rstarsdado"><div class="rstarsleg">Nome Completo:</div>XX <div class="rstarsleg">Grupo:</div> XX <div class="rstarsleg">Alinhamento:</div> XX <img src="SUA JPG OU GIF AQUI" style="width: 180px; height: 90px; filter: grayscale(1); object-fit: cover; margin-bottom: 12px;"> <div class="rstarsleg">PhotoPlayer</div> XX <div class="rstarsleg">OFF:</div> XX <div class="rstarsleg"></div></div></div></div><div class="rstarsbox"> [b]> Atributos:[/b] XX [b]> Perícias:[/b] XX [b]> História do Personagem:[/b] XX. </div></div><a href="http://is.gd/rosswr" style="font: 6px/25px Trajan Pro; letter-spacing: 1px;">「R」</a><style>.rstarsaction {width: 550px; height: 400px; border: 1px solid #d8d8d8; padding: 3px; background-clip: content-box;} .rstarsimg {width: 250px; height: 400px; background: #ffffff url(SUA JPG OU GIF AQUI) center/cover; background-blend-mode: multiply; overflow: hidden; display: inline-block; float: left;} .rstarsnome {font: 19px Oswald; color: #fff; text-transform: uppercase; letter-spacing: 1px; position: relative; top: 50%; left: 12%; transform: translateY(390%);} .rstarsinfo {width: 400px; height: 600px; background: #fff; transform: rotate(45deg); position: relative; top: 340px; right: 270px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;} .rstarsdado { width: 230px; height: 330px; transform: rotate(-45deg); position: relative; top: 180px; font: 10px/32px Calibri; color: #000; text-transform: uppercase; } .rstarsleg {width: 160px; border-bottom: 1px solid #d8d8d8; font: bold 11px Calibri; text-align: right; text-transform: uppercase; padding: 0 25px 2px 0; margin-bottom: -4px;} .rstarsbox {width: 297px; height: 400px; overflow: auto; background: #fff; border: 1px solid #d8d8d8; box-sizing: border-box; padding: 25px; display: inline-block; margin-left: 3px; font: 13px/15px Calibri; text-align: justify; color: #000;} .rstarsaction:hover .rstarsinfo {top: -175px; right: 30px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;}</style></center>