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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Barra azul
Hoje à(s) 04:56 pm por paulim78

» Borda no Rank
Hoje à(s) 04:55 pm por paulim78

» Configurar o arquivo de publicidade ads.txt do fórum
Hoje à(s) 04:07 pm por Connor R.

» Rank de administrador
Hoje à(s) 01:57 pm por Ketholy

» Cor da barra
Hoje à(s) 01:55 pm por Ketholy

» PEDIDO ICONE PARA SUB-FORUN
Hoje à(s) 01:07 pm por gryff

» Sobre loja em um forum
Hoje à(s) 01:02 pm por Eduardo Santos

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
244 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 236 Visitantes :: 2 Motores de busca

Connor R., DustyRhodes, Eduardo Santos, gryff, Ketholy, Lemon~, MateusAnjosV, paulim78

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 14/10/16, 02:04 pm

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

Ver perfil do usuário 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 14/10/16, 06:39 pm

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 : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por Cieru em 14/10/16, 07:47 pm

Não deu certo, @luuuiiiz .
avatar

Cieru
Nível 2

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

Ver perfil do usuário 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 14/10/16, 08:10 pm

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 : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por Cepheus em 14/10/16, 08:58 pm

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 : 514
Pontos Ativos : 1085

Ver perfil do usuário 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 14/10/16, 09:39 pm

@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

Ver perfil do usuário 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 14/10/16, 11:24 pm

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 : 3129
Pontos Ativos : 4558

Ver perfil do usuário http://www.ajuda.forumeiros.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