Avatar of the last poster on the index [PHPBB3]

phpbb3 version of this -> https://help.forumotion.com/t119346-avatar-of-the-last-poster-on-the-index

Hi,

Try this tutorials:
http://www.avacweb.com/t168-how-to-put-the-avatar-on-lastpost
http://www.avacweb.com/t218-latest-member-avatar
http://www.avacweb.com/t143-avatar-category

Regards,
Sir Chivas.

CSS Stylesheet

Code:

        /* Avatar hover effect in the last post*/
        .thai_avatar img {
        border: 1px solid #DDD;
        height: 50px;
        margin: 0 5px;
        padding: 1px;
        width: 50px;
        }
        .thai_avatar:hover img {
        cursor: pointer;
        position: absolute;
        width: 150px;
        height: 150px;
        background-color: white;
        }
        /* Avatar hover effect in the last post*/

javascript
Placement:In all the pages
Code:

Code:

eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('$(8).9(4(){$(\'.a.g .b\').c(4(e){f m=3.5(\'6\')[0].7.d;$(3).h(\'<2 o="1" p="1\'+e+\'"></2>\');$(\'#1\'+e).l(m+\' #j-k-q i:n(0)\')})});',27,27,'|thai_avatar|span|this|function|getElementsByTagName|strong|firstChild|document|ready|topiclist|lastpost|each|href||var|forums|prepend|img|profile|advanced|load||eq|class|id|right'.split('|'),0,{}))

@Sir Chivas They didn't tell how to do it.

@MasterSly Not working dude. EDIT* It works! I changed the "in all pages" to "in the homepage"! Thank you!

But why is it like this?

Some forums doesn't show the avatar.


EDIT*

When you use the code, the toolbar will disappear too.

You must have to make Topic to show avatar

That one has a topic.

BUMPPPP

Javascript

Code:

$(document).ready(function () {
  $('.topiclist.forums .lastpost').each(function(e) {
      var l = this.getElementsByTagName('strong')[0].firstChild.href;
      $(this).prepend('<span class="lp_avatar" id="lp_avatar'+e+'"></span>');
      $('#lp_avatar'+e).load(l+' #profile-advanced-right img:eq(0)');
    });
});

CSS

Code:

.lp_avatar {
  padding: 2px;
  margin: 0 5px;
  border: 1px solid #105289;
  float: left;
}
.lp_avatar img {
  height: 40px;
  width: 40px;
}


I'm still having the same problem.