Sinais de reputação em forma de imagens

2 participantes

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

Tópico resolvido Sinais de reputação em forma de imagens

Mensagem por slaider 24.04.11 19:24

Qual é sua questão:
queria saber como mudar o sinal + e - de reputação que esta marcado na imagem abaixo
Sinais de reputação em forma de imagens _e_10

alguem pode me falar o lugar que eu devo ir pra alterar essa imagem ?


Última edição por slaider em 27.04.11 3:57, editado 1 vez(es)
avatar

slaider
**

Membro desde : 03/07/2010
Mensagens : 72
Pontos : 124

http://over-design.vampire-legend.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Sinais de reputação em forma de imagens

Mensagem por Lexus 24.04.11 19:46

Olá slaider,

Se sua versão for a phpBB3, você irá precisar de um pouco de conhecimento em CSS.

Painel de Controle Seta Visualização Seta imagens e Cores Seta Cores :seta2: Folha de Estilo CSS

Aqui têm um modelo de como fica os ícones:

Sinais de reputação em forma de imagens 1-20d17d1

para fazer isso, adicione este código a folha de estilo CSS e salve:

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

Se precisar de suporte adicional avise.

Até Mais.
Lexus

Lexus
Hiper Membro

Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693

http:///.../#

Ir para o topo Ir para baixo

Tópico resolvido Re: Sinais de reputação em forma de imagens

Mensagem por slaider 27.04.11 3:57

Epiphone escreveu:Olá slaider,

Se sua versão for a phpBB3, você irá precisar de um pouco de conhecimento em CSS.

Painel de Controle Seta Visualização Seta imagens e Cores Seta Cores :seta2: Folha de Estilo CSS

Aqui têm um modelo de como fica os ícones:

Sinais de reputação em forma de imagens 1-20d17d1

para fazer isso, adicione este código a folha de estilo CSS e salve:

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

Se precisar de suporte adicional avise.

Até Mais.

deu certo o/, vlw Muito feliz

Podem fechar o topico
avatar

slaider
**

Membro desde : 03/07/2010
Mensagens : 72
Pontos : 124

http://over-design.vampire-legend.net

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos