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

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

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

Mensagem por Hygor-David em 10/03/14, 08:26 am

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



Só que está assim o meu



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, 10:55 am, editado 1 vez(es)
avatar

Hygor-David
Nível 8

Masculino
Inscrito dia : 28/12/2013
Mensagens : 136
Pontos Ativos : 226

Ver perfil do usuário http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Resolvido Re: Arrumar a posição dos ícone de reputação

Mensagem por Kyo Panda em 10/03/14, 02:39 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Arrumar a posição dos ícone de reputação

Mensagem por Hygor-David em 10/03/14, 10:02 pm

Não deu resultado algum, sabe de algo mais?
avatar

Hygor-David
Nível 8

Masculino
Inscrito dia : 28/12/2013
Mensagens : 136
Pontos Ativos : 226

Ver perfil do usuário http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Resolvido Re: Arrumar a posição dos ícone de reputação

Mensagem por Kyo Panda em 11/03/14, 09:56 am

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:



Não seria esse o resultado esperado?

Abraços. Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum