Modelo da Ficha da Personagem

por **Regina Mills** Qua 14 Nov 2012, 16:16

Ficha de Personagem

Aqui explicaremos como e onde postar a tua ficha de personagem. Dentro do fórum "Ficas de Personagem" existe o Sub-fórum chamado "Pendentes" É aí que tu vais criar um tópico, com o nome " [FP] NOME DA PERSONAGEM " . Utilizas o código fornecido no final deste post para a criação da tua FP (Ficha de Personagem), e preenches da melhor forma. Quando a tua ficha de personagem for aceite, será movida para o sub-fórum "Aprovadas". Alguma dúvida que tenham, contactem a Regina Mills.

NOME DA PERSONAGEM

Dados da Personagem

NOME DA PERSONAGEM

Escreve aqui o nome complete da tua personagem.

IDADE

Escreve aqui a idade da personagem.

EMPREGO / HOBBIES

Indica aqui os passatempos ou o emprego atuais da tua personagem.

ORIENTAÇÃO SEXUAL

Escreve aqui a orientação sexual da tua personagem.

NACIONALIDADE

Indica aqui o local de nascimento da tua personagem.

GRUPO

Grupo a que a personagem pertence. Poderão colocar também o Rank que pretendem, dentro de parêntesis. Se não o fizerem, poderão sempre registar o Rank depois, no devido tópico.

Descrição

Aqui podes explicar a maneira de ser, pensar ou até agir da tua personagem. Explica como é o seu físico, a cor do cabelo, dos olhos, de pele, etc.

História

Aqui deverás contar-nos a história da tua personagem. A história deverá ter no mínimo 10 linhas. Não se esqueçam que no código, as linhas tornam-se mais pequenas, por isso quinze linhas não será algo difícil de atingir.

Extras

Aqui podes dar a conhecer alguns dados extra, como por exemplo os parentes mais próximos da personagem, os seus amigos, inimigos, ex namorados e relações atuais. Poderás também indicar outro tipo de coisas, como doenças, alergias e afins.Se quiseres, poderás fazê-lo por tópicos, ou seja:
■ Extra Um
■ Extra Dois
■ Extra Três

Thanks Itzel ■

Código:: <link href='http://fonts.googleapis.com/css?family=Cutive+Mono|Megrim|Poiret+One|Dosis' rel='stylesheet' type='text/css'><style>div::-webkit-scrollbar {width: 6px; background: #ffffff;} div::-webkit-scrollbar-thumb {height: 10px; background: #888888;} div::-webkit-scrollbar-track {height: 3px; background:#ffffff;} div::-webkit-scrollbar-button {height: 3px; background:#ffffff;} #fondo {background: #ffffff; width: 550px; height: 650px; box-shadow: 1px 1px 15px; margin: 0 auto; font-size: 12px; font-family: Dosis;} #img {width: 500px; height: 180px; position: relative; margin: 0 auto; margin-top: 10px;} #img img {width: 500px; height: 180px;} #img:hover #nombre {opacity: 0.6; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;} #nombre {background: #ffffff; width: 480px; height: 160px; display: flex; align-items: center; margin: 0 auto; opacity: 0; position: absolute; top: 0px; left:0px; padding: 10px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;} #subnombre {height: 160px; overflow: auto; display: flex; align-items: center; margin: 0 auto; text-align: center; font-size: 40px; font-family: Megrim; color: #444444;} #texto{width: 550px; height: 420px; position: relative; left: -5px;} #datos {background: #888888; width: 250px; height; 25px; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; text-align: center; letter-spacing: 2px; font-size: 14px; color:#f0f0f0;} .text {background: #f0f0f0; width: 317px; height: 420px; position: absolute; top: -1px; left: 212px; overflow: auto; padding: 0px 10px 0px 10px; font-size: 14px; text-align: justity; color: #000000; font-family: Dosis;} .tab {float: bottom; margin-top: -15px; text-align: justify;} .tab label {background: #888888; position: relative; display: block; box-shadow: 1px 1px 2px #000000; width: 150px; height: 15px; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; font-family: Poiret One; color: #ffffff; font-size: 12px; padding: 5px 10px; cursor: pointer; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .tab [type=radio] {display: none; baseline-tab-shift: true, retrieve;} [type=radio]:checked ~ label {background: #444444; padding: 5px 25px; cursor: default; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index: 2;} [type=radio]:checked ~ label ~ .text {z-index: 1;} #firma {position: relative; top: -455px; text-align: right; font-size: 10px; font-family: Cutive Mono; text-transform: uppercase; color: #888888;} #firma a{color: #888888;}</style> <div id="fondo"> <div id="img"><img src="http://c1.quickcachr.fotos.sapo.pt/i/ofb11a1ed/17072459_jQC1D.gif"></img><div id="nombre"><div id="subnombre">NOME DA PERSONAGEM</div></div></div> <div id="texto"> <div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">Dados da Personagem</label> <div class="text"><center><div id="datos">NOME DA PERSONAGEM</div>Escreve aqui o nome complete da tua personagem. <div id="datos">IDADE</div>Escreve aqui a idade da personagem. <div id="datos">EMPREGO / HOBBIES</div>Indica aqui os passatempos ou o emprego atuais da tua personagem. <div id="datos">ORIENTAÇÃO SEXUAL</div>Escreve aqui a orientação sexual da tua personagem. <div id="datos">NACIONALIDADE</div>Indica aqui o local de nascimento da tua personagem. <div id="datos">GRUPO</div>Grupo a que a personagem pertence. Poderão colocar também o Rank que pretendem, dentro de parêntesis. Se não o fizerem, poderão sempre registar o Rank depois, no devido tópico.</center></div></div> <div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">Descrição</label> <div class="text">Aqui podes explicar a maneira de ser, pensar ou até agir da tua personagem. Explica como é o seu físico, a cor do cabelo, dos olhos, de pele, etc.</div></div> <div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">História</label> <div class="text">Aqui deverás contar-nos a história da tua personagem. A história deverá ter no mínimo 10 linhas. Não se esqueçam que no código, as linhas tornam-se mais pequenas, por isso quinze linhas não será algo difícil de atingir.</div></div> <div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">Extras</label> <div class="text"> ■ Extra Um ■ Extra Dois ■ Extra Três</div></div> </div> <div id="firma">Thanks Itzel <a href="http://sourcecode.jcink.net/index.php?act=ST&f=7&t=871">■</a></div> </div>