Avatar nas noticias

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

Resolvido Avatar nas noticias

Mensagem por JohnathanRyan em 26/10/13, 09:47 am

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, 07:15 pm, editado 1 vez(es)
avatar

JohnathanRyan
Nível 3

Masculino
Inscrito dia : 25/10/2013
Mensagens : 22
Pontos Ativos : 51

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

Resolvido Re: Avatar nas noticias

Mensagem por Convidado em 26/10/13, 01:22 pm

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.

Convidado
Convidado


Resolvido Re: Avatar nas noticias

Mensagem por JohnathanRyan em 26/10/13, 02:57 pm

Desculpe colega , mais nao deu certo .
avatar

JohnathanRyan
Nível 3

Masculino
Inscrito dia : 25/10/2013
Mensagens : 22
Pontos Ativos : 51

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

Resolvido Re: Avatar nas noticias

Mensagem por Convidado em 26/10/13, 06:56 pm

Olá amigo,

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

Atenciosamente.

Convidado
Convidado


Resolvido Re: Avatar nas noticias

Mensagem por JohnathanRyan em 26/10/13, 07:14 pm

Humm , obrigado colega .
avatar

JohnathanRyan
Nível 3

Masculino
Inscrito dia : 25/10/2013
Mensagens : 22
Pontos Ativos : 51

Ver perfil do usuário http://hitzgames.forumeiros.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