Botão de reputação na forma de imagens

3 participantes

Ir para baixo

Tópico resolvido Botão de reputação na forma de imagens

Mensagem por Mashiro 22.04.11 15:09

Qual é sua questão:
queria saber se tem como colocar o botão de reputação na forma de imagens no forum versão phpBB3

Que medidas você tomou para corrigir o problema:
nenhuma

Apresente-nos imagens do problema (se necessário):
..
Mashiro
Mashiro
Novo Membro

Membro desde : 01/11/2009
Mensagens : 16
Pontos : 32

http://aspira.forumeiro.com/portal.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação na forma de imagens

Mensagem por BlueAngel 22.04.11 15:18

Olá !

Creio que não, pois apenas a versão PunBB e PhpBB2 pode ser modificado o template. Ou seja, não a outra maneira de você implantar o sistema em outra versão.

Atenciosamente.
Angel ;
BlueAngel
BlueAngel
Super Membro

Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606

http://finite.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de reputação na forma de imagens

Mensagem por Lexus 22.04.11 22:11

Olá Mashiro,

Há uma maneira sim por códigos CSS na versão phpBB3, olhe a imagem de um exemplo:
Botão de reputação na forma de imagens  1-20d17d1
Código Utilizado:
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;
}

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

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

Ir para o topo


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