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

[Leon Mendes]

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:



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]

Alguem?

[seender]

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'

[Leon Mendes]

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

[Leon Mendes]

Mais alguém?

[Cream]

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!

[Leon Mendes]

Perfeito!!!



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]

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

Valeu!