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
» Quadrado no post
Hoje à(s) 16:55 por LeoziN_WallkeR

» Slide em todas as páginas
Hoje à(s) 16:55 por Kyo Panda

» Novos tópicos
Hoje à(s) 16:48 por IsmaelS.

» Quadro de inicio
Hoje à(s) 16:41 por Hancki

» Personalizar página HTML
Hoje à(s) 16:05 por Kyo Panda

» Ajustar widget de últimos assuntos
Hoje à(s) 16:01 por Kyo Panda

» Aparencia do Fórum
Hoje à(s) 15:35 por Luiz

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
276 usuários online :: 17 usuários cadastrados, 1 Invisível e 258 Visitantes :: 2 Motores de busca

Carlos Rodrigues, Daniel Yan, Fraise, Guilherme Antunes, Hancki, Herbert Silva, iPrompt, IsmaelS., Kenno LP, Ketholy123, Kyo Panda, LeoziN_WallkeR, Lost154, Luckcaddie, Luiz, William_iHarDz, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/2009, 13: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 14/10/2016, 14: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

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/2016, 18: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 : 22/04/2016
Mensagens : 4097
Pontos Ativos : 4711

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/2016, 19:47

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/2016, 20: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 : 22/04/2016
Mensagens : 4097
Pontos Ativos : 4711

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/2016, 20: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 : 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/2016, 21: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

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/2016, 23: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 : 3107
Pontos Ativos : 4509

Ver perfil do usuário 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