MyBB Community Forums

Full Version: Avatar Forum Display
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello,
Today I am going to share with you all a little tweak I did to the "Last Poster Avatar On Forum Display and Index" plugin By Whiteneo.

Before we start I want to give thanks to Whiteneo for creating the plugin without it we probably wouldn't have what I am posting today. 

Now with that said you want to open the following Themes & Templates. We are going to be doing a few edits in these.

Themes & Templates > Themes > YOUR THEME > avatarep.css

Find the Following:


.avatarep_img {
padding: 3px;
border: 1px solid #D8DFEA;
width: 30px;
height: 30px;
border-radius: 50%;
opacity: 0.9;
margin: 0px 5px 0px 2px;
}

.avatarep_fd {
float:left;
margin: auto;
padding: 0px 20px 0px 0px;
width:30px;
height:40px;
}

Now Change to the Following:

.avatarep_img { 
	float: right;
	clear: left;
	width: 70px;
	height: 70px;
	border-radius: 65%;
	opacity: 0.5;
	right: 70px;
}

.avatarep_fd {
	float: right;
	clear: left;
	width: 70px;
	height: 70px;
	border-radius: 65%;
	opacity: 0.5;
	right: 70px;
}

Once that is done, Save the Theme.

Next we want to go to the following

Themes & Templates > Templates > YOUR THEME > forumdisplay_thread

Find the Following:


<td class="{$bgcolor}{$thread_type_class}">
 <avatarep_uid_[{$thread['lastposteruid']}]>{$attachment_count}

Remove the Following:


<avatarep_uid_[{$thread['lastposteruid']}]>

Do the same for the following Sections.

Themes & Templates > Templates > YOUR THEME > showthread

Find the Following and Remove the Following:


<avatarep_uid_[{$thread['lastposteruid']}]>

Once this is done. You should have what the Image below shows. If you do not, please ask for support on the thread and I will try to help you. Please take into consideration I am no expert at .CSS and am only somewhat beginner and I did this with countless amounts of trial and error. But I will help as best as I can.

[Image: nz-CwkJzSfij-q2C34gooA.png]
Please Enjoy and Share if you make anymore customization to it Smile

P.S
Here is a cleaned up version of "avatarep.css" Please remember this is after you've done the tutorial above.
avatarep.css (edited)