Duvida como alinhar este quadro

2 participantes

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

Tópico resolvido Duvida como alinhar este quadro

Mensagem por maykondouglas 16.04.15 17:44

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : sempre
Endereço do fórum : http://brasiltruelife-rp.forumeiros.com/

Descrição do problema

Pesquisei como colocar reputação em forma de rank mais
Codigos..
Java Script
Código:
$(document).ready(function() {
$(".postprofile dl").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile dl .post_field:contains("Reputação")').each(function() {
var rep = $(this).text().match(/\d+/g);
$(this).addClass('reputation');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $(this).find('.title').text('Neutro');
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('Iniciante');
}
else if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('Membro ativo');
}
else if(rep >= 10) {
        $(this).find('.title').text('Excelente');
}
});
});
Code Css
Código:
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
Queria saber como que eu faço pra alinha mais pra esquerda..
maykondouglas

maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por Sennior 16.04.15 23:55

Boa noite,

Apenas altere o código CSS pelo abaixo:
Código:
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0px!important;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}

Assim ele ficará do seu agrado? De bem com a vida
Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por maykondouglas 17.04.15 0:22

Sennior ficou quase perfeito , Poderia colocar so mais um pouquinho agora pro lado direito?
Obrigado.. Se puder me falar como fez?
maykondouglas

maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por Sennior 17.04.15 0:29

Saudações novamente,

É logico que explico! Muito feliz
Veja o código abaixo:
Código:
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0px!important;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
  left: -1px;  /* Quanto menor, mais vai para esquerda */
  position: relative;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}

Eu modifiquei o "left: -1px;", e quanto menor este numero, mais a reputação irá para esquerda, entendeu? De bem com a vida
Abraços.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por maykondouglas 17.04.15 0:45

Pra ser sincero eu atendi..
Mais não estou dando conta de colocar um pouco mais pra direita agora..
maykondouglas

maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por Sennior 17.04.15 0:50

Saudações,

É simples amigo! Muito feliz
Se quanto menor o numero mais vai para esquerda, se o numero for maior ele vai pra direita, veja:
Código:
"left: 1px;"

Retire o menos do lado do numero e ele ficará positivo, ou seja, ele é maior que o -1 e assim por diante.
Entendeu? Se não entendeu pode perguntar, tá? Café
Abraços.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por maykondouglas 17.04.15 1:03

Assim coloquei so ate o numero 5 sem o - kk não dava resultado puis numero 15 e deu obrigado..
Fico agradecido que tu me ajudou tanto. Feliz
Irei perguntar neste mesmo topico se tu disser sim eu abro um novo..
Queria saber se tem como colocar esse sistema de verdiinho..
Duvida como alinhar este quadro MyxTHL9
maykondouglas

maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por maykondouglas 17.04.15 1:04

maykondouglas escreveu:Assim coloquei so ate o numero 5 sem o - kk não dava resultado puis numero 15 e deu obrigado..
Fico agradecido que tu me ajudou tanto. Feliz
Irei perguntar neste mesmo topico se tu disser sim eu abro um novo..
Queria saber se tem como colocar esse sistema de verdiinho..
Duvida como alinhar este quadro MyxTHL9
Daque jeito de uma seta pra cima e pra baixo..
E mostrando a quantidade que votou .
maykondouglas

maykondouglas
**

Membro desde : 16/04/2015
Mensagens : 67
Pontos : 91

http://brasiltruelife-rp.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Duvida como alinhar este quadro

Mensagem por Sennior 17.04.15 1:07

Bem, aí no caso é outra dúvida e terei que pedi-lo para abrir outro tópico, tudo bem?
Pois assim não fica desorganizado com varias dúvidas em um tópico, entende?

Abraços amigo.

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

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


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