Avatar nas noticias

Ir para baixo

Tópico resolvido Avatar nas noticias

Mensagem por JohnathanRyan 26.10.13 12:47

Qual é minha questão:
Como colocar uma imagem antes dos posts , vejam print pra entender melhor : http://prntscr.com/1zt19t
Como quero : http://prntscr.com/1zt1y7

Endereço do meu fórum:
http://evolutiongamesbr.forumeiros.com/

Versão do fórum:
PunBB


Última edição por JohnathanRyan em 26.10.13 22:15, editado 1 vez(es)
JohnathanRyan
JohnathanRyan
Novo Membro

Membro desde : 25/10/2013
Mensagens : 22
Pontos : 51

http://hitzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar nas noticias

Mensagem por Convidado 26.10.13 16:22

Olá amigo,

Crie uma nova página de "JavaScript", e coloque o seguinte 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: Em todas as páginas.

Após isto adicione este código em sua "CSS":
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 */
Atenciosamente.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar nas noticias

Mensagem por JohnathanRyan 26.10.13 17:57

Desculpe colega , mais nao deu certo .
JohnathanRyan
JohnathanRyan
Novo Membro

Membro desde : 25/10/2013
Mensagens : 22
Pontos : 51

http://hitzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar nas noticias

Mensagem por Convidado 26.10.13 21:56

Olá amigo,

Leia este tópico:
:seta2: [TUTORIAL] Avatar do último membro que postou no tópico

Atenciosamente.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar nas noticias

Mensagem por JohnathanRyan 26.10.13 22:14

Humm , obrigado colega .
JohnathanRyan
JohnathanRyan
Novo Membro

Membro desde : 25/10/2013
Mensagens : 22
Pontos : 51

http://hitzgames.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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