Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
199 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 192 Visitantes :: 1 Motor de busca

Holkis, iPlayer, Key of Destiny, Kyo Panda, Luiz~, Roger_Crazzy, Weep

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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

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

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

Mensagem por Cieru em Sex 14 Out 2016 - 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;

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
}
avatar

Cieru
Nível 2

Masculino
Inscrito dia : 07/10/2016
Mensagens : 8
Pontos Ativos : 12

http://www.npsamp.com.br

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

Mensagem por Luiz~ em Sex 14 Out 2016 - 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.
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2442
Pontos Ativos : 3284

http://1forum1.forumeiros.com/

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

Mensagem por Cieru em Sex 14 Out 2016 - 23:47

Não deu certo, @luuuiiiz .
avatar

Cieru
Nível 2

Masculino
Inscrito dia : 07/10/2016
Mensagens : 8
Pontos Ativos : 12

http://www.npsamp.com.br

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

Mensagem por Luiz~ em Sab 15 Out 2016 - 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.
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2442
Pontos Ativos : 3284

http://1forum1.forumeiros.com/

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

Mensagem por Cepheus em Sab 15 Out 2016 - 0:58

Adicione no seu css:

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

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 512
Pontos Ativos : 1069

http://www.bestskins.net/

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

Mensagem por Cieru em Sab 15 Out 2016 - 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
avatar

Cieru
Nível 2

Masculino
Inscrito dia : 07/10/2016
Mensagens : 8
Pontos Ativos : 12

http://www.npsamp.com.br

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

Mensagem por while em Sab 15 Out 2016 - 3:24

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

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

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