Reputação Personalizada

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

Resolvido Reputação Personalizada

Mensagem por [A]ndreyvieira em 31/07/12, 10:42 pm

Qual é minha questão:
É possível colocar ícones de + e -, em vez de simples sinais + e - no sistema de reputação, em PHPBB3?

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://igames-br.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por [A]ndreyvieira em 02/08/12, 03:07 pm, editado 1 vez(es)
avatar

[A]ndreyvieira
Nível 9

Masculino
Inscrito dia : 05/08/2011
Mensagens : 162
Pontos Ativos : 279

Ver perfil do usuário http://igames-br.forumeiros.com

Resolvido Re: Reputação Personalizada

Mensagem por Lexus em 31/07/12, 10:56 pm

Olá,

é sim, leia o tutorial:
Seta http://ajuda.forumeiros.com/t56722-

Título modificado de 'É possível colocar ícones de + e -, em vez de simples sinais + e - no sistema de reputação, em phpbb3?' para 'Reputação Personalizada'

Até mais
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Reputação Personalizada

Mensagem por [A]ndreyvieira em 01/08/12, 12:36 am

Fiz como pedia, mas os ícones ficaram grupados, não tem uma linha entre os ícones e no tutorial tem nas imagens..

Eu queria também os ícones de + e - iguais aqueles, poderia conseguir p/ mim?
avatar

[A]ndreyvieira
Nível 9

Masculino
Inscrito dia : 05/08/2011
Mensagens : 162
Pontos Ativos : 279

Ver perfil do usuário http://igames-br.forumeiros.com

Resolvido Re: Reputação Personalizada

Mensagem por Lexus em 01/08/12, 12:49 am

Olá,

@[A]ndreyvieira escreveu:Fiz como pedia, mas os ícones ficaram grupados, não tem uma linha entre os ícones e no tutorial tem nas imagens..

Eu queria também os ícones de + e - iguais aqueles, poderia conseguir p/ mim?

O Tutorial explica tudo corretamente, o que pode ser feito é editar as imagens, mas para isto você deve saber exatamente quais devem ser criadas e de tal forma e fazer um pedido na Seção gráfica para depois você montar o seu código CSS.

Os links originais dos ícones são estes:

O Código ficaria assim:
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://i27.servimg.com/u/f27/15/17/71/53/add1010.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('http://i27.servimg.com/u/f27/15/17/71/53/delete10.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

Agora adicione este código em Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS e valide.

Até mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Reputação Personalizada

Mensagem por [A]ndreyvieira em 01/08/12, 12:49 pm

agradecido pelos ícones,
mas no tutorial não fala como adicionar aquela barra entre os botões + e -.

#Edit

Mexi no código CSS, e consegui adicionar a linha entre o + e -, agora gostaria de saber, como eu faço para não aparecer o -?
Deixar igual aqui no ajuda.forumeiros, só aparece o +..
avatar

[A]ndreyvieira
Nível 9

Masculino
Inscrito dia : 05/08/2011
Mensagens : 162
Pontos Ativos : 279

Ver perfil do usuário http://igames-br.forumeiros.com

Resolvido Re: Reputação Personalizada

Mensagem por Lexus em 01/08/12, 09:25 pm

avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Reputação Personalizada

Mensagem por [A]ndreyvieira em 01/08/12, 10:04 pm

funcionou,
mas agora o símbolo(+) está em cima da imagem..

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-button, .vote-no-bar {
background:url('http://i27.servimg.com/u/f27/15/17/71/53/add1010.png');
background-repeat: no-repeat;
background-position: center;
display:none;
}
.vote .vote-button:first-child {
display:block;
}
avatar

[A]ndreyvieira
Nível 9

Masculino
Inscrito dia : 05/08/2011
Mensagens : 162
Pontos Ativos : 279

Ver perfil do usuário http://igames-br.forumeiros.com

Resolvido Re: Reputação Personalizada

Mensagem por Nickname em 02/08/12, 02:34 pm

Olá,
Adicione em seu css o seguinte código:
Código:
.vote .vote-button a[href$="plus"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg) no-repeat scroll 0 0;
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;
}

Cordialmente
Dr. Kinki

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com https://www.facebook.com/gabrielstiflerz

Resolvido Re: Reputação Personalizada

Mensagem por [A]ndreyvieira em 02/08/12, 03:06 pm

Agradecido !
avatar

[A]ndreyvieira
Nível 9

Masculino
Inscrito dia : 05/08/2011
Mensagens : 162
Pontos Ativos : 279

Ver perfil do usuário http://igames-br.forumeiros.com

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