Mudar posição dos botões de reputação

3 participantes

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

Tópico resolvido Mudar posição dos botões de reputação

Mensagem por Leon Mendes 16.11.11 18:17

Qual é minha questão:
Olá!

Gostaria de trocar a posição dos botoes de reputação mais para baixo,no final de uma mensagem para ser mais exato,é possivel?

Queria que ficasse que nem este fórum:

Mudar posição dos botões de reputação Teste10

Medidas que eu tomei para corrigir o problema:
nenhuma

Imagens do meu problema:
https://i.servimg.com/u/f49/16/79/54/29/teste11.png

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

Versão do meu fórum:
PHPBB3

Eu mudei a aparencia bem como esta ali nesta imagem usando o codigo que encontrei aqui no forumeiros,mas não consigo colocar eles mais para baixo...

O código que eu troquei as imagens:

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('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;
}
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição dos botões de reputação

Mensagem por Leon Mendes 16.11.11 23:07

Alguem?
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição dos botões de reputação

Mensagem por seender 16.11.11 23:15

Olá!

Utilize no lugar deste código seu 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;
    margin-bottom: -40px;
    }

    .vote .vote-no-bar {
    display: none;
    margin-bottom: -40px;
    }

    .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;
    margin-bottom: -40px;
    }

    .vote .vote-bar-plus {
    margin-left: 7px;
    width: 6px;
    margin-bottom: -40px;
    }

    .vote .vote-bar-minus {
    margin-left: 7px;
    margin-bottom: -40px;
    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;
    margin-bottom: -40px;
    }

    .vote .vote-button a[href $="minus"] {
    background-image:url('URL_DA_IMAGEM');
    background-repeat: no-repeat;
    color:transparent;
    display:block;
    height:21px;
    width:22px;
    margin-bottom: -40px;
    }
Resolve?

Melhores cumprimentos,
seender

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição dos botões de reputação

Mensagem por Leon Mendes 17.11.11 2:38

Não amigo,continua no mesmo lugar,mas valeu por tentar ajudar!

Feliz
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição dos botões de reputação

Mensagem por Leon Mendes 17.11.11 11:10

Mais alguém?
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Mudar posição dos botões de reputação

Mensagem por Cream 17.11.11 15:32

Olá,

Tente o seguinte código:
Código:
.vote {
margin-top: 350px !important;
}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!
Cream

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição dos botões de reputação

Mensagem por Leon Mendes 17.11.11 17:06

Perfeito!!!

Muito feliz

Teria(sem querer abusar) como deixar eles na forma horizontal em vez de vertical?Que nem a imagem acima do outro fórum?

Tambem na imagem acima os icones de reputação não tem bordas...o código que eu utilizo (postado acima )deixa bordas...não tem como deixar sem bordas?
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar posição dos botões de reputação

Mensagem por Leon Mendes 18.11.11 13:35

Bem ,minha pergunta principal já foi respondida,então pode fechar se quiserem.

Valeu!
Leon Mendes

Leon Mendes
**

Membro desde : 11/08/2011
Mensagens : 80
Pontos : 126

http://www.tabuleirosocial.org/

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