Dar um espaço entre o rank e a imagem do rank nos tópicos

4 participantes

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

Tópico resolvido Dar um espaço entre o rank e a imagem do rank nos tópicos

Mensagem por Cieru 14.10.16 18:04

Detalhes da questão


Endereço do fórum: http://www.npsamp.com.br/
Versão do fórum: PhpBB3

Descrição


Olá, eu fiz uma atualização recente nos ranks do meu fórum, mas eles ficaram muuuito juntos, teria como deixar um espaço entre eles?
O meu RANK é em CSS, e logo abaixo dele fica a imagem do rank, como segue as imagens;

Dar um espaço entre o rank e a imagem do rank nos tópicos 5bc1c4eeca51447099232b88141e9105 http://prnt.sc/ct4lq8

Abaixo o código CSS de um dos grupos;
Código:
.Owner {
moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6600;
border-radius: 3px;
color: #000000;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow:0 0 5px #696969
}
Cieru

Cieru
Novo Membro

Membro desde : 07/10/2016
Mensagens : 8
Pontos : 12

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Dar um espaço entre o rank e a imagem do rank nos tópicos

Mensagem por Luiz 14.10.16 22:39

Olá!  Muito feliz

Adicione ao topo de sua CSS:


spam.owner {
margin-bottom:20px;
}

Ressalta-se que "20px" é o espaçamento entre o rank de cima (Owner) e o de baixo.
Altere a seu gosto!

Atenciosamente, Luiz.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar um espaço entre o rank e a imagem do rank nos tópicos

Mensagem por Cieru 14.10.16 23:47

Não deu certo, @luuuiiiz .
Cieru

Cieru
Novo Membro

Membro desde : 07/10/2016
Mensagens : 8
Pontos : 12

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Dar um espaço entre o rank e a imagem do rank nos tópicos

Mensagem por Luiz 15.10.16 0:10

Você fez o que pedi?

Tente modificar o código dado por você por:

Código:

.Owner {
margin-bottom:20px!important;
moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6600;
border-radius: 3px;
color: #000000;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow:0 0 5px #696969
}

Vale frisar que tal código só irá funcionar para o rank "Owner"!

Atenciosamente, Luiz.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar um espaço entre o rank e a imagem do rank nos tópicos

Mensagem por Cepheus 15.10.16 0:58

Adicione no seu css:

Código:
.postprofile dl dd span{margin-bottom:10px!important}
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar um espaço entre o rank e a imagem do rank nos tópicos

Mensagem por Cieru 15.10.16 1:39

Cepheus escreveu:Adicione no seu css:

Código:
.postprofile dl dd span{margin-bottom:10px!important}

Funcionou! Obrigado a ambos pela ajuda!

#RESOLVIDO
Cieru

Cieru
Novo Membro

Membro desde : 07/10/2016
Mensagens : 8
Pontos : 12

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Dar um espaço entre o rank e a imagem do rank nos tópicos

Mensagem por while 15.10.16 3:24

Dar um espaço entre o rank e a imagem do rank nos tópicos Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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