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- */
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;
PRECISA DE SUPORTE?
Criador: D'Leandro™ / Sei lá, é só um script comum Site: www.staffergroupbr.stuning.net |