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 image on topic list

View previous topic View next topic Go down

Solved Avatar image on topic list

Post by E-Mark on March 25th 2013, 5:26 pm

Hello!
How can i put an avatar image on the topic list? With this as an example:



Already put a code, but the problem is, there's no image coming out.
Help please!


Last edited by E-Mark on March 26th 2013, 5:29 am; edited 4 times in total

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Avatar image on topic list

Post by zenzo on March 25th 2013, 6:13 pm


zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: Avatar image on topic list

Post by E-Mark on March 25th 2013, 7:03 pm

I've already tried to put, but there's no img showing -_-


Last edited by E-Mark on March 25th 2013, 7:37 pm; edited 3 times in total

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Avatar image on topic list

Post by BetterHax on March 25th 2013, 7:04 pm

hi that is also works on phpBB 2? i try but cant work

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: Avatar image on topic list

Post by E-Mark on March 25th 2013, 7:40 pm

I know it's possible with Phpbb2.

Help! There's no image showing!
Put it on the JS, checked on the 'sub-forum', save.
Then put the css.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Avatar image on topic list

Post by BetterHax on March 25th 2013, 7:41 pm

e-mark i think it is for phpbb 3 version only i try it on my forum also and doesnt work

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: Avatar image on topic list

Post by E-Mark on March 25th 2013, 7:45 pm

zenzo got it work. He's using punbb Smile.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Avatar image on topic list

Post by BetterHax on March 25th 2013, 7:48 pm

i try but it cant works Sad
my forum version is phpBB2..

i place all codes on the right place but nothings happen

BetterHax
Forumember

Posts : 304
Reputation : 3
Language : English,Tagalog
Location : United State, Philippines

Back to top Go down

Solved Re: Avatar image on topic list

Post by E-Mark on March 25th 2013, 8:11 pm

@BetterHax:

Put this code on ACP > Modules > HTML and JS > Javascript codes management > Create a new JS (Check homepage only):

Code:
$(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://illiweb.com/fa/invision/pp-blank-thumb.png" alt="No Avatar" /></a>');
        $(this).children('a').load(profileUser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');
    });
});

then add this to your CSS:
Code:
.avatar-index { float: left; }
.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid grey; margin: 0 5px; }

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Avatar image on topic list

Post by zenzo on March 26th 2013, 2:16 am

on javascrip check all pages

your forum url?

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: Avatar image on topic list

Post by E-Mark on March 26th 2013, 5:28 am

Nope already fix it. I just activated the advanced profile.
Solved.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Avatar image on topic list

Post by Sanket on March 26th 2013, 5:58 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