[IPB 4.x] Larger Avatars in Post

Mr_Joker · 02-06-2015, 04:00 PM

Step:1

Go to ACP > Customization > Themes and Select the skin you wish to edit

Step: 2

Find postContainer in the templates

Step: 3

Look for

Code:
<li class='cAuthorPane_photo'>
 {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
 </li>

Step: 4

Replace it with

Code:
<li class='cAuthorPane_photo'>
                 <a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="uploads/{$comment->author()->pp_main_photo}" /></span></a>
             </li>

Step: 5

Find misc.css

Step: 6

Add this line of code below

Code:
.ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after {
 width: 150px;
 {{if theme.rounded_photos}}
 border-radius: 0px;
 {{endif}}
 }

After this one

Code:
.ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after {
 width: 120px;
 height: 120px;
 {{if theme.rounded_photos}}
 border-radius: 60px;
 {{endif}}
 }

after you have completed all the steps above the results should be like this below

[Image: lRkpige.png]

[IPB 4.x] Larger Avatars in Post

Submitted by Mr_Joker, 02-06-2015, 04:00 PM, Thread ID: 4472