Como Fazer Este Efeito no Fórum

2 participantes

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

Tópico resolvido Como Fazer Este Efeito no Fórum

Mensagem por [S]herlock 19.11.12 13:01

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 :

Como Fazer Este Efeito no Fórum  IXJ7Y



Fórum: http://www.bpchampions.forumeiros.com (phpBB 3)
[S]herlock

[S]herlock
****

Masculino
Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como Fazer Este Efeito no Fórum

Mensagem por iHeloaD 19.11.12 14:14

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.
iHeloaD

iHeloaD
Super Membro

Masculino
Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como Fazer Este Efeito no Fórum

Mensagem por [S]herlock 19.11.12 15:33

Obrigado iStriker , me ajudou muito !
[S]herlock

[S]herlock
****

Masculino
Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos