Personalizar reputaçao no perfil

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar reputaçao no perfil

Mensagem por Uilia em 20/08/11, 12:40 am

Qual é minha questão:
Como faço para deixar no meu forum igual a esse ae..
esse fundo verde para quem tiver reputaçao de +1 para cima
e cinza para quem tiver reputaçao 0.


Imagens do meu problema:
http://img805.imageshack.us/img805/9844/reputationk.png

Endereço do meu fórum:
http://otserver.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por lamina em 28/08/11, 09:11 pm, editado 2 vez(es)
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Luciano98 em 20/08/11, 12:55 am

Olá!

Qual o link do fórum que aparece na imagem?

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 20/08/11, 12:57 am

Esse aqui > xtibia.com
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 23/08/11, 01:21 pm

Segundo as regras, tenho direito de dar um UP depois de 24 horas sem resposta.
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Dury em 23/08/11, 09:20 pm

Olá,

Já usou esse método apresentado no Spoiler?
Spoiler:
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.


- 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)

Seta 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.


- 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;
.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;
}
Os campos em "verde" refere-se às URLs das imagens. Caso queira modificá-la você estará disposto.


--> 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

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 23/08/11, 09:54 pm

Mas tipo nao é para personalizar os botoes de reputaçao é para personalizar akela escrita Reputaçao no perfil dos topicos...

Igual na imagen Muito feliz
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Luciano98 em 28/08/11, 12:29 pm

Olá!

Não existe nenhuma ID ou CLASS que identifique o número de reputações que o usuário tem no perfil da mensagem, o seu fórum não tem um template modificável, portanto não é possível fazer o que você quer.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 28/08/11, 02:13 pm

Hum.ok obg..

Outra coisa os botoes para dar rep estao tortos olhe na imagen :

avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Dury em 28/08/11, 07:21 pm

Olá,

Procure no CSS passado no Spoiler acima as partes
height:21px;
width:22px;
Modifique os valores coloridos para distância desejada.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 28/08/11, 07:24 pm

Mas nao quer alterar :S
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Dury em 28/08/11, 07:37 pm

Faça um teste, modifique a posição do perfil nas mensagens e veja se continua com esse defeito.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 28/08/11, 08:18 pm

Como assim ?
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Dury em 28/08/11, 08:28 pm

Painel de controle ->> Geral ->> Fórum ->> Configuração ->>
Procure por "Posição do perfil nas mensagens" e troque a mesma. Veja se os sinais continuam incorretos.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 28/08/11, 08:53 pm

Sim eu vi e ficou a mesma coisa..
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/
  • 0

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Dury em 28/08/11, 09:01 pm

Estranho... Salve o seu atual código em bloco de notas do windows e substitua por esse código:
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;
    }
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalizar reputaçao no perfil

Mensagem por Uilia em 28/08/11, 09:08 pm

Ae obg..
Deu sertinho agora Muito feliz
rep+

Edit@
A pelo que eu tinha visto era os botoes que eu esta inserindo..

Resolvido Feliz aniversário
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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