Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [tutorial] personalizando os ranks em 10/11/12, 01:17 pm

HenRyqUéè

avatar
Administrador
Avaliador
Helper

[Você precisa estar registrado e conectado para ver esta imagem.]

[TUTORIAL] Personalizando os ranks

Olá pessoal, neste tutorial, irei ensinar a como personalizar os ranks do estilo do RMBR, além desse estilo, irei expor vários outros estilos para ranks também.

[Você precisa estar registrado e conectado para ver esta imagem.]
CRÉDITOS!
Todos os créditos desse tutorial a:
[Você precisa estar registrado e conectado para ver este link.]
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Personalizando os ranks


- Criando um novo rank...
Vá em:

Painel > Usuarios e Grupos > Ranks > Administração dos ranks >> Adicionar Novo Rank
Título do Rank : Dê qualquer título ao rank (ex: Helper).
Rank Especial : Nesse caso vamos marcar sim, se colocarmos não, automaticamente ele iria para todos os membros.
Número mínimo de mensagens : (Ligado a: Rank especial - Não) Nesse caso ele ativaria o rank ao membro se ele tivesse o numero de mensagens especificado.
URL da imagem do Rank (http://URL_DE_L'IMAGE.gif) : Url da imagem do rank, nesse cso não iremos usar esta área.


- Adicionando classes para ligar no rank...
Vá em:

Painel > Visualização > Imagens e Cores > Cores >> Folha de estilo CSS
Para criar uma classe, primeiramente é nescessário você ter uma noção básica em css, como comandar os eventos, etc.

Vamos criar a nossa primeira classe, a que eu vou escolher é "h" (escolha as iniciais do nome do rank, para ficar menor na hora de adiciona-la e para não esquecer).

Como estamos referindo a textos e não tabelas, o código na folha ficaria assim:

Código:

.h{
ATRIBUTOS CSS
}

- Adicionando essa classe ao rank...
Devemos ir ao rank que nós criamos,e em "Título do Rank :" nós iremos adicionar o seguinte código:

Código:

<div class="h">NOME DO RANK</div>
Vamos entender as partes do código:

DIV: Tag HTML.
CLASS: Inicia a classe css que nós criamos.
H: Classe CSS que criamos.
NOME DO RANK: Aqui você irá colocar o nome do rank (ex: Helper).


- Estilos css para o rank...
Os códigos abaixo, vocês iraão colocar dentro da parte destacada:


.h{
ATRIBUTOS CSS
}

Estilo 1 (RMBR):
CLIQUE AQUI PARA ABRIR:
Código:
color:#F29A16;text-shadow:2px 0.5px 2px #B5986D
Exemplo:
Helper

Estilo 2
CLIQUE AQUI PARA ABRIR:
Código:
width:auto;padding:3px;border:1px solid grey; border-radius:3px;color:#F29A16;text-shadow:2px 0.5px 2px #B5986D
Exemplo:
Helper

Estilo 3
CLIQUE AQUI PARA ABRIR:
Código:
background:F7F7F7;box-shadow:0px 0px 5px grey inset;width:auto;padding:3px;border:1px solid grey; border-radius:3px;color:#F29A16;text-shadow:2px 0.5px 2px #B5986D
Exemplo:
Helper

Esses são alguns estilos que eu disponibilizei para facilitar suas vidas, ms é claro que vc tendo um pouco de conhecimento de css, vc pode fazer seus própios estilos.

  • Funciona em quais versões?
    Todas




© RMBR


[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Personalizando os ranks



Última edição por HenRyqUéè em 10/11/12, 02:36 pm, editado 3 vez(es)

http://rmbr.forumeiros.com/

-Naruto

avatar
Administrador
Publicitário
Helper
Otimo Tutorial estarei aplicando em meu forum. Obrigado

HenRyqUéè

avatar
Administrador
Avaliador
Helper
Thanks, espero q mais gente goste....
o/ está em obsrevação para helper....

http://rmbr.forumeiros.com/

-Naruto

avatar
Administrador
Publicitário
Helper
Tutorial Aceito

Movidopara Aprovados.

TheLord

avatar
Iniciante
obrigado pelo tópico

-Naruto

avatar
Administrador
Publicitário
Helper
Movido Para Tutoriais Aceitos.

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum