Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
Editar sinais de reputaçãoVários #membros já fizeram questões acerca da mudança de aparência do " + " e " - " de #reputação nos tópicos. Sendo assim, foi elaborado este tutorial de forma a esclarecer mais rapidamente as #dúvidas de nossos membros, então iremos aprender como personalizar os sinais negativo e positivo da reputação.
Versões de funcionamento: Todas as versões.

1º - Ativação e Noções Básicas
Para termos uma noção básica, o CSS permite que o membro edite o #tema do fórum conforme ele desejar. Frequentemente, os usuários estão sempre com dúvidas, questionando como modificar o botão de reputação, mas para modificarmos como dito acima, usaremos um código em #CSS e assim estaremos chegando ao ponto principal do #Tutorial.

Painel de controle > Módulos > Pontos e Reputação > Reputação



Ativar o sistema de reputação - Para ativar o sistema, terá de marcar "Sim", para efeito contrário "Não". A ativação é necessária para que sejam contabilizados os pontos de reputação.

Com a função Reputação ativa, pode-se notar que você não conseguirá ver os símbolos " + " e " - ", sendo impossível votar em si próprio.

2º - Estrutura do código e como adicionar ao fórum:
Não há muito o que comentar, o código é extenso mais valerá a pena. Terá de aceder a;

Painel de Controle > Visualização > Imagens e cores > Cores > Folha de estilo CSS
Código:
/* Vote */
.vote {
    background-color: #eaeaea;
    border: 1px solid #d4d6d5;
    moz-border-radius: 5px 5px 5px 5px;
    padding: 4px 1px 4px 1px;
    text-align: center;
    webkit-border-bottom-left-radius: 5px;
    webkit-border-bottom-right-radius: 5px;
    webkit-border-top-left-radius: 5px;
    webkit-border-top-right-radius: 5px;
    width: 20px;
}
.vote .vote-no-bar {
    display: none;
}
.vote .vote-bar {
    border-bottom: 1px solid #d4d6d5;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #ffffff;
    font-size: 0px;
    height: 50px;
    margin: 0px;
    padding: 3px 0px 3px 0px;
    width: 20px;
}
.vote .vote-bar-plus {
    margin-left: 7px;
    width: 6px;
}
.vote .vote-bar-minus {
    margin-left: 7px;
    width: 6px;
}
.vote .vote-button a[href $="plus"] {
    background: url('URL_DA_IMAGEM');
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    height: 21px;
    width: 22px;
}
.vote .vote-button a[href $="minus"] {
    background-image: url('URL_DA_IMAGEM');
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    height: 21px;
    width: 22px;
}
/* TUTORIAL = http://staffergroupbr.stuning.net/t1190- */
Os campos URL_DA_IMAGEM referem-se às URLs das imagens. Caso queira modificá-la você estará disposto.

Não gostei das imagens padrões do código, onde posso encontrar mais?
Deverá ir até a seção de criações gráficas e pedir novos tipos de botões para esta função, pois dificilmente vai encontrar botões para a mesma.

Como ficará quando eu modificar?
Com base nas imagens padrões já colocadas no código cima, é bem provável que tenhamos estes resultados;






© Staffer Group BR™
PRECISA DE SUPORTE?

Criador: D'Leandro™ / Sei lá, é só um script comum
Site: www.staffergroupbr.stuning.net
Ver perfil do usuário

#2
 'Fusion

avatar
Membro
Muito obrigado estava presizando vlw mesmo.

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#3
 ~[B]art

avatar
Membro
Muito maneiro!
Ver perfil do usuário

#4
 Austráiàly

avatar
Membro
Não está na hora de mover?
Ver perfil do usuário

#5
 ®'Martins

avatar
Membro
Muito bom....

Caso precise poderia mudar a posicao dele??
Ver perfil do usuário

#6
 D'Leandro™

avatar
Fundador
Tutorial Aceito;
Este tutorial foi aceito e movido para a área correspondente!


Sim, há como mudar a posição!
Ver perfil do usuário

#7
 HenRyqUéè

avatar
Membro
^^ esse é o mesmo do forumeiros??
Ver perfil do usuário

#8
 ®'Martins

avatar
Membro
Pois na horizontal ficaria melhor
Ver perfil do usuário

#9
 Bookmarlucas654

avatar
Membro
Funcional para PunBB? =x
Ver perfil do usuário

#10
 Otaku Chan

avatar
Membro
Eu não gostei muito da aparência mas o efeito é bom!
Ver perfil do usuário

#11
 [F]lames

avatar
Membro
Olá,

Pois é, a aparência não é das melhores, mas o efeito é ótimo !

Até mais.
Ver perfil do usuário

#12
 Mr.GamingPT

avatar
Membro
up
Ver perfil do usuário

#13
 ~Rafra

avatar
Membro
Obrigado por Compartilha
Ver perfil do usuário

#14
 JQuery

avatar
Membro
jhgfnhgfvd
Ver perfil do usuário

#15
 Conteúdo patrocinado