Nome e rank acima da imagem

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

Resolvido Nome e rank acima da imagem

Mensagem por Cr2lDerpino em 11/05/14, 02:34 pm

  • Descrição:
Queria deixar o meu forum com o rank e o nome do usuário acima da imagem, igual ha este modelo

bom o link do site onde eu vi isso é 
http://www.webcheats.com.br/forum/showthread.php?t=2377576&p=8951985#post8951985

  • Informações:
Fórum:http://www.webcheats.com.brVersão:PHPBB3
Tipo:Pedido de códigoTags:acima,imagem



Última edição por Cr2lDerpino em 18/05/14, 09:17 pm, editado 2 vez(es)
avatar

Cr2lDerpino
Nível 5

Masculino
Inscrito dia : 09/05/2014
Mensagens : 39
Pontos Ativos : 83

Ver perfil do usuário http://webhacketutoriais.forumeiros.com/

Resolvido Re: Nome e rank acima da imagem

Mensagem por Hancki em 11/05/14, 02:44 pm

Olá!

Precisamos do endereço do seu fórum!

Hancki


Última edição por Hancki em 11/05/14, 03:23 pm, editado 1 vez(es)
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Nome e rank acima da imagem

Mensagem por Cr2lDerpino em 11/05/14, 02:55 pm

avatar

Cr2lDerpino
Nível 5

Masculino
Inscrito dia : 09/05/2014
Mensagens : 39
Pontos Ativos : 83

Ver perfil do usuário http://webhacketutoriais.forumeiros.com/

Resolvido Re: Nome e rank acima da imagem

Mensagem por Hdesigner em 11/05/14, 03:20 pm

Se a versão do seu fórum for realmente phpbb3nesse tópico e leia a resposta do PabloW.

Se for phpbb2 ou punBB leia este tutorial.

Atencioso,
avatar

Hdesigner
Usuário avançado

Masculino
Inscrito dia : 17/07/2012
Mensagens : 305
Pontos Ativos : 479

Ver perfil do usuário http://hdesign.forumbrasil.net/

Resolvido Re: Nome e rank acima da imagem

Mensagem por Cr2lDerpino em 11/05/14, 03:51 pm

Bom ele fica assim olha


nem tem jeito de liberar um espaço para mim colocar o rank e o nome do usuário?
avatar

Cr2lDerpino
Nível 5

Masculino
Inscrito dia : 09/05/2014
Mensagens : 39
Pontos Ativos : 83

Ver perfil do usuário http://webhacketutoriais.forumeiros.com/

Resolvido Re: Nome e rank acima da imagem

Mensagem por Hdesigner em 11/05/14, 03:55 pm

Sinto amigo,
mas desconheço outro método :/
avatar

Hdesigner
Usuário avançado

Masculino
Inscrito dia : 17/07/2012
Mensagens : 305
Pontos Ativos : 479

Ver perfil do usuário http://hdesign.forumbrasil.net/

Resolvido Re: Nome e rank acima da imagem

Mensagem por [S]herlock em 11/05/14, 04:12 pm

Troque o código por este:
Código:

.postprofile dl dd img {
margin-top: -136%;
position: relative;
}
.postprofile dt {
margin-top: 13%;
}

Até mais.
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com

Resolvido Re: Nome e rank acima da imagem

Mensagem por Cr2lDerpino em 11/05/14, 04:20 pm

@[S]herlock escreveu:Troque o código por este:
Código:

.postprofile dl dd img {
margin-top: -136%;
position: relative;
}
.postprofile dt {
margin-top: 13%;
}

Até mais.

Obrigado consegui, agora só falta eu colocar o nome em cima no rank, você sabe como faz?
avatar

Cr2lDerpino
Nível 5

Masculino
Inscrito dia : 09/05/2014
Mensagens : 39
Pontos Ativos : 83

Ver perfil do usuário http://webhacketutoriais.forumeiros.com/

Resolvido Re: Nome e rank acima da imagem

Mensagem por Alex Habilidade em 14/05/14, 09:01 pm

Olá amigo,

Adicione em sua folha CSS o código abaixo:
Código:

.postprofile dl dt strong a[href*="/u"] {
    margin-top: -270px;
    position: absolute;
    margin-left: -30px;
}
.postprofile dd:nth-of-type(1) {
    margin-top: -255px;
    position: absolute;
}
.postprofile dl dt img {
    margin-top: 60px;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

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