Perfil estilo esse

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

Resolvido Perfil estilo esse

Mensagem por Gustavo Bispo em 30/12/12, 10:49 am

Qual é minha questão:
Como deixo os perfis no meu fórum organizado igual a esse?


Endereço do meu fórum:
http://www.gbconfig.ativoforum.com

Versão do fórum:
PHPBB3


Última edição por Gustavo Bispo em 30/12/12, 12:14 pm, editado 1 vez(es)
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

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

Resolvido Re: Perfil estilo esse

Mensagem por iPrompt em 30/12/12, 10:54 am

Olá,

Leia este Tutorial

http://ajuda.forumeiros.com/t70703-

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Perfil estilo esse

Mensagem por Gustavo Bispo em 30/12/12, 11:04 am

Bom, gostei do tutorial, mas ocorreu o seguinte problema:
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

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

Resolvido Re: Perfil estilo esse

Mensagem por iPrompt em 30/12/12, 11:13 am

Olá,

Poderia me passar o link da imagem de Online e Offline ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Perfil estilo esse

Mensagem por Gustavo Bispo em 30/12/12, 11:14 am

Bom uso este JS
a imagem ta aí:
Código:
jQuery(document).ready(function(){jQuery('.post.online .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/kElh0.png>');jQuery('.post:not(.online) .postprofile dl dt strong a').after('<br><img src=http://i.imgur.com/N3Jt7.png>')});

Preguiça de procurar^^
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

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

Resolvido Re: Perfil estilo esse

Mensagem por iPrompt em 30/12/12, 11:25 am

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
.online .postprofile {
background-image: url(http://i.imgur.com/kElh0.png);
background-position: 50% 0%;
background-repeat: no-repeat;
}
.post:not(.online) .postprofile dl dt strong a{
background-image: url(http://i.imgur.com/N3Jt7.png);
background-position: 50% 0%;
background-repeat: no-repeat;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Perfil estilo esse

Mensagem por Gustavo Bispo em 30/12/12, 12:07 pm

Obrigado! Apareceu denovo
mas aquele erro, do rank ainda tá.
Olha


(ignora o que ta escrito)
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

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

Resolvido Re: Perfil estilo esse

Mensagem por Holmes em 30/12/12, 12:11 pm

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:
.post .postprofile dl dt+dd br{display:block!important}

Clique no botão "Salvar".

Assombrosamente.
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Perfil estilo esse

Mensagem por Gustavo Bispo em 30/12/12, 12:13 pm

Obrigado Quakeline, pelo JS, e obrigado Holmes pelo CSS.^^
Resolvido.
avatar

Gustavo Bispo
Usuário avançado

Masculino
Inscrito dia : 24/11/2012
Mensagens : 399
Pontos Ativos : 601

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