InícioAlterar sinais de reputação
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Alterar sinais de reputação
por Convidad 04.07.11 16:17
Qual é sua questão:
Olá. Eu queria pedir para que o pessoal da staff aumentassem o botão "+" (aquele que dá reputação) pois no nossos fóruns muitos que nos visitam nem sabem oq é este botão ou nem mesmo os vêm. Se tem alguma forma gostaria que vocês arrumassem.
Agradeço a atenção!
Que medidas você tomou para corrigir o problema:
Apresente-nos imagens do problema (se necessário):
Endereço do fórum:
Versão do fórum:
PHPBB3
Olá. Eu queria pedir para que o pessoal da staff aumentassem o botão "+" (aquele que dá reputação) pois no nossos fóruns muitos que nos visitam nem sabem oq é este botão ou nem mesmo os vêm. Se tem alguma forma gostaria que vocês arrumassem.
Agradeço a atenção!
Que medidas você tomou para corrigir o problema:
Apresente-nos imagens do problema (se necessário):
Endereço do fórum:
Versão do fórum:
PHPBB3
Última edição por thalesaugusto em 05.07.11 16:48, editado 1 vez(es)
Convidad- Convidado
Re: Alterar sinais de reputação
por Dury 04.07.11 16:21
Olá,
Não compreendi, poderia ser mais especifico? Deseja personalizá-lo? Está referindo-se ao quê?
Até mais!
Tópico movido de 'Questões diversas' para 'Questões sobre o painel de controle do fórum'
Não compreendi, poderia ser mais especifico? Deseja personalizá-lo? Está referindo-se ao quê?
- Tutorial relacionado:
Personalizar os sinais de reputação
Vá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 os nossos membros. Assim sendo iremos aprender como personalizar os sinais negativo e positivo da reputação.--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação
Conhecimentos gerais
Antes de personalizarmos temos que ter um grau de conhecimento sobre o assunto. Por isso é aconselhável que tenha conhecimento neste tópico: [FAQ] Gestão do sistema de reputação / botão obrigado.
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 deseja. 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 ->>(carregue na imagem para aumentar)
Ativar o sistema de reputação - Para activar o sistema, terá de marcar "Sim", para efeito contrário "Não". A activaçã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. Aceda em:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> (Aba) Folha de estilo CSS ->>(carregue na imagem para aumentar)
Antes de adicioná-lo na foolha de estilos, preste atenção na parte destacada em verde;
Os campos em "verde" refere-se às URLs das imagens. Caso queira modificá-la você estará disposto..vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.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;
}--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação- 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;
Resultado final
- Não gostei das imagens padrões do código, onde posso encontrar mais?
Até mais!
Tópico movido de 'Questões diversas' para 'Questões sobre o painel de controle do fórum'
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Alterar sinais de reputação
por Convidad 04.07.11 16:26
É isso mesmo que eu quero.
Por favor JEFFREY, poderia me passar o código pronto para aparecer este botão?
https://2img.net/h/oi53.tinypic.com/1zdsshz.png
Por favor JEFFREY, poderia me passar o código pronto para aparecer este botão?
https://2img.net/h/oi53.tinypic.com/1zdsshz.png
Convidad- Convidado
Re: Alterar sinais de reputação
por Cream 04.07.11 16:30
Olá,
Aqui está.
Atenciosamente!
- Código:
vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.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('http://i53.tinypic.com/1zdsshz.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background-image:url('http://i53.tinypic.com/1zdsshz.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
Aqui está.
Atenciosamente!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Alterar sinais de reputação
por Convidad 04.07.11 16:36
Obrigado Profile mas este não surtiu efeito.
Obrigado pela atenção.
Obrigado pela atenção.
Convidad- Convidado
Re: Alterar sinais de reputação
por Convidad 04.07.11 16:39
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.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('https://2img.net/h/oi53.tinypic.com/1zdsshz.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background-image:url('https://2img.net/h/oi53.tinypic.com/1zdsshz.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
usei este mas tambem nao funcionou.
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.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('https://2img.net/h/oi53.tinypic.com/1zdsshz.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background-image:url('https://2img.net/h/oi53.tinypic.com/1zdsshz.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
usei este mas tambem nao funcionou.
Convidad- Convidado
Re: Alterar sinais de reputação
por Dury 04.07.11 16:57
Olá,
De fato leu todo o conteúdo do Spoiler?
De fato leu todo o conteúdo do Spoiler?
- Spoiler:
- Tutorial relacionado:
-
Personalizar os sinais de reputação
Vá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 os nossos membros. Assim sendo iremos aprender como personalizar os sinais negativo e positivo da reputação.--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação Conhecimentos gerais
Antes de personalizarmos temos que ter um grau de conhecimento sobre o assunto. Por isso é aconselhável que tenha conhecimento neste tópico: [FAQ] Gestão do sistema de reputação / botão obrigado.
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 deseja. 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 ->>(carregue na imagem para aumentar) Ativar o sistema de reputação - Para activar o sistema, terá de marcar "Sim", para efeito contrário "Não". A activaçã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. Aceda em:
Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> (Aba) Folha de estilo CSS ->>(carregue na imagem para aumentar)
Antes de adicioná-lo na foolha de estilos, preste atenção na parte destacada em verde;
Os campos em "verde" refere-se às URLs das imagens. Caso queira modificá-la você estará disposto..vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.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;
}--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação- 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;
Resultado final - Não gostei das imagens padrões do código, onde posso encontrar mais?
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Alterar sinais de reputação
por Convidad 04.07.11 17:10
Sim, até substitui as urls pela imagem mas ficou a mesmo coisa =/
Obrigado pela paciencia e atenção.
Obrigado pela paciencia e atenção.
Convidad- Convidado
Re: Alterar sinais de reputação
por Dury 05.07.11 0:51
Olá,
Profile enviou o código incorreto. Teste este:
Até!
Profile enviou o código incorreto. Teste este:
- Código:
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.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('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
Até!
Dury- Membro Entusiasta
- Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829 -
Re: Alterar sinais de reputação
por Otaviodg 05.07.11 1:30
Irei disponibilizar o meu CSS, pois consegui recortar a imagem e deixar idêntico ao do Spoiler do Jeffrey
- Código:
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.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('http://i46.servimg.com/u/f46/16/56/73/62/12.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background-image:url('http://i46.servimg.com/u/f46/16/56/73/62/-11.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
Otaviodg- Super Membro
- Membro desde : 12/06/2011
Mensagens : 1295
Pontos : 1738
Tópicos semelhantes» Mudar sinais de reputação
» Personalizar sinais de reputação
» Dúvida sobre o tutorial de alterar os sinais de reputação
» Sinais de reputação
» Personalizar sinais de reputação
» Personalizar sinais de reputação
» Dúvida sobre o tutorial de alterar os sinais de reputação
» Sinais de reputação
» Personalizar sinais de reputação
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos