Larger Avatars for Posts Compatible with 4.1 & 4.2

tormentor · 09-07-2018, 03:23 AM

Step:1

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

Step: 2

FindpostContainer in the templates

Step: 3

Look for

{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}

</li>

Step: 4

Replace it with

{template="userPhoto2" app="core" group="global" params="$comment->author(), 'variable', $comment->warningRef()"}

</li>

Step: 5

Create New HTML Template

Name:UserPhoto2

Variables:

$member, $size='small', $warningRef=NULL, $classes='', $hovercard=TRUE

Location:Add To an existing location

Existing Location:front

Group:Add to an existing group

Existing Group:global

Application:System

Step 6:

Find HTML template "UserPhoto2" and paste the following code into it

Quote:{{if $member->member_id and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members' ) )}}

{{$memberURL = ( $warningRef ) ? $member->url()->setQueryString( 'wr', $warningRef ) : $member->url();}}

<a href="{$memberURL}" {{if $hovercard}}data-ipsHover data-ipsHover-target="{$memberURL->setQueryString( 'do', 'hovercard' )}"{{endif}} class="ipsUserPhoto ipsUserPhoto_{$size}{{if $classes}} {$classes}{{endif}}" title="{lang="view_user_profile" sprintf="$member->name"}">

<img src='{{if $member->pp_main_photo}}{file="$member->pp_main_photo"}{{else}}{file="$member->photo"}{{endif}}' alt='{$member->name}'>

</a>

{{else}}

<span class='ipsUserPhoto ipsUserPhoto_{$size} {{if $classes}}{$classes}{{endif}}'>

<img src='{file="$member->photo"}' alt='{$member->name}'>

</span>

{{endif}}

Step: 7

Find custom.css and Add this line of code below

Quote:.ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after {

width: 170px;

{{if theme.rounded_photos}}

border-radius: 0px;

{{endif}}

}

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

[Image: nQSpQB1.png]

Deadwood · 30-09-2018, 12:14 AM

Great!! Thanks! :peace:
But how to make sizes for different user groups? Admin, members, etc.
Example.
Group A: 160 * 200
Group B: 200 * 200.

Sorry my bad english.

Erronblack · 09-11-2018, 11:36 PM

I want to try this tutorial, i love it... Thanks for sharing Smile

Trick3g · 16-11-2018, 02:13 AM

I was looking for this for so long time, but i have found out on other places that doing this may cause some other problems. You know something about that?
This makes possible to configure avatar sizes like in ipb 3?

Larger Avatars for Posts Compatible with 4.1 & 4.2

Submitted by tormentor, 09-07-2018, 03:23 AM, Thread ID: 94941

RE: Larger Avatars for Posts Compatible with 4.1 & 4.2

RE: Larger Avatars for Posts Compatible with 4.1 & 4.2

RE: Larger Avatars for Posts Compatible with 4.1 & 4.2