Como Fazer Este Efeito no Fórum

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

Resolvido Como Fazer Este Efeito no Fórum

Mensagem por [S]herlock em 19/11/12, 11:01 am

Bem , andei visitando alguns fóruns , e vi um , com este efeito , que aparece no fórum ( index ) , do lado do nome do topico , o avatar do membro , queria saber como eu faço :




Fórum: http://www.bpchampions.forumeiros.com (phpBB 3)
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: Como Fazer Este Efeito no Fórum

Mensagem por iHeloaD em 19/11/12, 12:14 pm

Olá!

senhor crie uma página de javascript e com conteúdo adicione este código
Código:
$(document).on('ready', function() {
        $('.topiclist.forums .row .lastpost').prepend('<div class="avatar-index"><div>');
        $('.topiclist.forums .row .lastpost .avatar-index').each(function () {
            var profileUserURL = $(this).parent().children('span').children('strong').children('a').attr('href');
            $(this).html('<a href="' + profileUserURL + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
            $(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
        });
    });
Investimentos: adicione em todas as páginas.
Depois vá até sua folha de estilo css e adicione este código
Código:
/* Avatar em lastpost */
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;}
/* Fim do avatar em lastpost */
depois salve.

Até Mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Como Fazer Este Efeito no Fórum

Mensagem por [S]herlock em 19/11/12, 01:33 pm

Obrigado iStriker , me ajudou muito !
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

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