Arrumar a posição dos ícone de reputação

2 participantes

Ir para baixo

Tópico resolvido Arrumar a posição dos ícone de reputação

Mensagem por Hygor-David 10.03.14 11:26

Qual é minha questão:
Gostaria de deixar meus ícone que nem essa imagem.

Arrumar a posição dos ícone de reputação XnMFqyj

Só que está assim o meu

Arrumar a posição dos ícone de reputação 5D76zh0

Endereço do meu fórum:
http://dayzstandalonebrasil.livreforum.com

Versão do fórum:
PUNBB


Última edição por Hygor-David em 11.03.14 13:55, editado 1 vez(es)
Hygor-David
Hygor-David
***

Membro desde : 28/12/2013
Mensagens : 136
Pontos : 226

http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar a posição dos ícone de reputação

Mensagem por Kyo Panda 10.03.14 17:39

Tente adicionar isso à sua Folha de estilos CSS:

Código:
.pun .entry-content {
 padding-bottom: 50px;
 position: relative;
}

.vote {
 position: absolute;
 right: 0;
 bottom: 10px;
 width: auto;
 background: none;
 border: none;
 padding: 0;
 margin: 0;
}

.vote .vote-button {
 float: left;
 margin-right: 10px;
}

.vote .vote-bar {
 float: right;
 border: none;
 height: 19px;
 padding: 0;
 width: 30px;
 font-size: 12px;
 font-weight: 700;
 color: #fff;
 background: #148A1D;
 line-height: 19px;
 border-radius: 3px;
 box-shadow: 0 0 1px 0 #333;
}

E isso à um novo módulo Javascript:

Código:
$(function() {
 $('.vote-bar').each(function(key, element) {
 var self, values;
 self = $(element);
 values = /Reputação\sda\smensagem:\s(\d+)%\s\((\d+)\svotos\)/g.exec(self.attr('title'));
 self.html(parseInt(values[2]) / 100 * parseInt(values[1]));
 });

 $('.vote-no-bar').each(function(key, element) {
 var self;
 self = $(element);
 self.replaceWith($('<div class="vote-bar">0</div>'));
 });
});

Abraços. Feliz
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar a posição dos ícone de reputação

Mensagem por Hygor-David 11.03.14 1:02

Não deu resultado algum, sabe de algo mais?
Hygor-David
Hygor-David
***

Membro desde : 28/12/2013
Mensagens : 136
Pontos : 226

http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Ir para o topo Ir para baixo

Tópico resolvido Re: Arrumar a posição dos ícone de reputação

Mensagem por Kyo Panda 11.03.14 12:56

Eu verifiquei o seu fórum e não encontrei nem o CSS, nem o Javascript na página. Inseri eles manualmente e o resultado foi positivo:

Arrumar a posição dos ícone de reputação Osh5k9

Não seria esse o resultado esperado?

Abraços. Feliz
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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