Imagem e nome

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

Resolvido Imagem e nome

Mensagem por lordleleko em 04/01/13, 10:32 pm

Qual é minha questão:
Boa noite! Por hora eu queria saber como adicionar uma linha de espaçamento entre o nome do usuário e foto, poderiam me ajudar? Grato!

Endereço do meu fórum:
http://uobr.forum.st

Versão do fórum:
PHPBB3


Última edição por lordleleko em 05/01/13, 02:08 am, editado 1 vez(es)
avatar

lordleleko
Nível 4

Masculino
Inscrito dia : 22/01/2012
Mensagens : 31
Pontos Ativos : 51

Ver perfil do usuário http://uobr.forum.st

Resolvido Re: Imagem e nome

Mensagem por Mafioso em 04/01/13, 10:33 pm

Olá senhor, você poderia mostrar prints?
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Imagem e nome

Mensagem por lordleleko em 04/01/13, 10:38 pm

Sim, claro!
Essa "colação" entre a foto e o nome me incomoda, costumo ser perfeccionista. Se possível até, quem sabe, colocar no centro toda esta parte. Grato!

avatar

lordleleko
Nível 4

Masculino
Inscrito dia : 22/01/2012
Mensagens : 31
Pontos Ativos : 51

Ver perfil do usuário http://uobr.forum.st

Resolvido Re: Imagem e nome

Mensagem por Sennior em 05/01/13, 12:12 am

Olá e desculpe pela demora!

Tente este código CSS:

Código:
.postprofile dd, .postprofile dt {
margin: 6px;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem e nome

Mensagem por lordleleko em 05/01/13, 01:31 am

E onde eu deveria colocar este código? Desculpas mas ainda não sou habituado rsrs
avatar

lordleleko
Nível 4

Masculino
Inscrito dia : 22/01/2012
Mensagens : 31
Pontos Ativos : 51

Ver perfil do usuário http://uobr.forum.st

Resolvido Re: Imagem e nome

Mensagem por Sennior em 05/01/13, 01:41 am

Olá!

Minhas desculpas amigo! Aceda em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Até mais! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem e nome

Mensagem por lordleleko em 05/01/13, 01:49 am

Adicionei tal código ao final do meu CSS, validei e, por via das dúvidas, salvei. Não notei diferença alguma...

@edit
Na verdade a diferença foi que o espaço entre o nome e o título ("Sou Duh Behm") aumentou.
avatar

lordleleko
Nível 4

Masculino
Inscrito dia : 22/01/2012
Mensagens : 31
Pontos Ativos : 51

Ver perfil do usuário http://uobr.forum.st

Resolvido Re: Imagem e nome

Mensagem por Sennior em 05/01/13, 01:56 am

Olá,
Vá em:
Painel de controle Seta curta Visualização Seta curta Cores Seta curta "Aba" Folha CSS.


Adicione no conteúdo:
.postprofile dd, .postprofile dt {
margin-top: 20px;
}

Se necessitar modifique o valor em vermelho (ele alterará o espaçamento) e salve.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem e nome

Mensagem por lordleleko em 05/01/13, 01:59 am

Este comando está a aumentar o espaçamento entre Início > Foto e nome > Rank > Título e info > Contatos. Foto e nome continuam juntos, o resto está espaçado.
avatar

lordleleko
Nível 4

Masculino
Inscrito dia : 22/01/2012
Mensagens : 31
Pontos Ativos : 51

Ver perfil do usuário http://uobr.forum.st

Resolvido Re: Imagem e nome

Mensagem por Sennior em 05/01/13, 01:59 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.postprofile dl dt{margin-bottom:6px}

Salve.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem e nome

Mensagem por lordleleko em 05/01/13, 02:03 am

Já este não está a alterar nada...

@edit
Editando para 1000 vi que o espaçamento ficou entre o nome e o rank.
avatar

lordleleko
Nível 4

Masculino
Inscrito dia : 22/01/2012
Mensagens : 31
Pontos Ativos : 51

Ver perfil do usuário http://uobr.forum.st

Resolvido Re: Imagem e nome

Mensagem por Sennior em 05/01/13, 02:05 am

Olá!

Este código resolve:

Código:
strong {
position: relative;
top: 4px;
}

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Imagem e nome

Mensagem por lordleleko em 05/01/13, 02:08 am

Exato! Muito obrigado e abraços!
avatar

lordleleko
Nível 4

Masculino
Inscrito dia : 22/01/2012
Mensagens : 31
Pontos Ativos : 51

Ver perfil do usuário http://uobr.forum.st

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