The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Avatar of the last poster on the index

View previous topic View next topic Go down

Solved Avatar of the last poster on the index

Post by JAN2XONLINE on January 20th 2013, 10:15 am

How do you put the avatar of the last poster outside the forum? not in the topics...

I have phpbb2 forums.

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Avatar of the last poster on the index

Post by MasterSly on January 20th 2013, 10:19 am

1.CSS Stylesheet
Code:
/* Avatar in index by mastersly phpbb2*/
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }
2.Administration Panel >> Modules >> Javascript codes management >> Create new javascript
Title:Avatar index
Placement:In the home page
Javascript Code
Code:
// Avatar in index by mastersly phpbb2
$(document).on('ready', function() {
    $('.forumline tr .row3.over').prepend('<div class="avatar-index"><div>');
    $('.forumline tr .row3.over .avatar-index').each(function () {
        var profileUser = $(this).parent().children('span').children('span').children('strong').children('a').attr('href');
        $(this).html('<a href="' + profileUser + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
        $(this).children('a').load(profileUser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');
    });
});

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Avatar of the last poster on the index

Post by JAN2XONLINE on January 20th 2013, 10:21 am

@MasterSly wrote:1.CSS Stylesheet
Code:
/* Avatar in index by mastersly phpbb2*/
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; }
2.Administration Panel >> Modules >> Javascript codes management >> Create new javascript
Title:Avatar index
Placement:In the home page
Javascript Code
Code:
// Avatar in index by mastersly phpbb2
$(document).on('ready', function() {
    $('.forumline tr .row3.over').prepend('<div class="avatar-index"><div>');
    $('.forumline tr .row3.over .avatar-index').each(function () {
        var profileUser = $(this).parent().children('span').children('span').children('strong').children('a').attr('href');
        $(this).html('<a href="' + profileUser + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
        $(this).children('a').load(profileUser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');
    });
});

Wow, fast reply! Thank you!

JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Solved Re: Avatar of the last poster on the index

Post by Sanket on January 20th 2013, 10:22 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum