Como colocar ultimos post !

4 participantes

Ir para baixo

Tópico resolvido Como colocar ultimos post !

Mensagem por Kallahari 20.04.14 16:17

  • Descrição:
Olá, como faço para colocar como na print abaixo os ultimos post abaixo da shoutbox?

Como colocar ultimos post ! BEETxop

  • Informações:
Fórum:http://humbertycraft.ativoforum.com/Versão:PUNBB
Tipo:Pedido de códigoTags:colocar,ultimos



Última edição por fatalisss em 22.04.14 0:29, editado 1 vez(es)
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Sckool 20.04.14 16:29

Olá Fatalisss, adicione o código JS em todas as paginas:

Código:
jQuery(document).on('ready', function() {
jQuery('td.tcr').prepend('<div class="avat-miembro"><div>');
jQuery('td.tcr .avat-miembro').each(function () {
var profileUserURL = jQuery(this).parent().children('span').children('strong').children('a').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avat-miembro-enlace"><img src="Endereço-da-imagem" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' .module:eq(0) img:eq(0)')
});
});

E a sua CSS:
Código:
.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}
Sckool
Sckool
***

Membro desde : 25/07/2013
Mensagens : 130
Pontos : 214

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Kallahari 20.04.14 16:32

Não houve resultado :/
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Kallahari 20.04.14 18:04

Ajuda ?
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Sckool 20.04.14 18:15

Substitua o JS por este:

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)')
        });
    });

$(document).on('ready', function() {
        $('dd.lastpost').prepend('<div class="avatar-index"><div>');
        $('dd.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)')
        });
    });
Sckool
Sckool
***

Membro desde : 25/07/2013
Mensagens : 130
Pontos : 214

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Kallahari 20.04.14 18:26

Resultou em nada, quase perdi meu fórum aff
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Kallahari 21.04.14 14:45

Ninguem vai ajudar ?
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Shek 21.04.14 16:11

Bom dia!

Adicione este código CSS:
Código:
.mini_ava{
float:left;
}
.mini_ava img{
width:40px;
height:40px;
margin-right:8px;
margin-left:8px;
}
Em seguida, crie um novo JavaScript com este código no "Index" e nos "Subfóruns":
Código:
$(function(){
        if(!window.localStorage) return;

        var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
        var caching_time= 24*60*60*1000;
        var caching_error= 60*1000;
        var set_avatar= function(id) {
        $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
        };
        var get_avatar= function(id) {
        if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
        {
        localStorage.setItem('d_ava'+id, default_avatar);
        $.get('/u'+id, function (d){
        localStorage.setItem('t_ava'+id,+new Date);
        localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
        set_avatar(id);
        });
        }
        return localStorage.getItem('d_ava'+id);
        };
        var to_replace= {};
        $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
        to_replace[$(this).attr('href').substr(2)]= 1;
        $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
        });
        for(i in to_replace)
        {
        set_avatar(i);
        };
        });
Atenciosamente,
Shek
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Kallahari 21.04.14 20:08

Olá, ele bugo, aparecer uma foto padrao em Todos !
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Hancki 21.04.14 20:30

Olá!

Leia: https://ajuda.forumeiros.com/t91516-avatar-redondo-lastpost#621844
Use o código Javascript desse tópico, vai resultar!

Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Shek 21.04.14 22:00

Olá!

Você está com um problema de colisão de códigos no JS ShoutBox.js e talvez o motivo da função não funcionar seja este. Tanto o código que lhe passei funcionou perfeitamente bem, assim como o do tópico indicado por Hancki. Verifique seus scripts e volte a nos informar da situação!

Atenciosamente,
Shek
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por Kallahari 22.04.14 0:28

Shek, átraves do link passado por Hancki, fiz como ele ensinou é deu tudo certo, agradeço á Voces.
Kallahari
Kallahari
*****

Membro desde : 31/01/2014
Mensagens : 413
Pontos : 639

http://muwinnerr.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