[IPB 4.x] Larger Avatars in Post

by Mr_Joker - 02-06-2015, 04:00 PM
YouR JuSt G4Y
Posts:
879
Joined:
Feb 2015
Likes:
32
Credits:
333
Reputation:
3
2 Years of Service
#1
OP
Posted: 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] [Image: HrsuZra.png]
Lurker
Posts:
8
Joined:
May 2015
Likes:
0
Credits:
8
Reputation:
0
2 Years of Service
#2
Posted: 14-08-2015, 11:16 AM
cheers for this mate
Novice
Posts:
36
Joined:
Jun 2015
Likes:
1
Credits:
3
Reputation:
0
2 Years of Service
#3
Posted: 16-08-2015, 06:13 PM
please code for hover effect photo
Member
Posts:
110
Joined:
Sep 2015
Likes:
3
Credits:
0
Reputation:
0
1 Year of Service
#4
Posted: 29-09-2015, 07:37 PM (This post was last modified: 29-09-2015, 07:37 PM by Hurt Locker.)
how can I only change the size of the avator for some usergroups like admins?
Newbie
Posts:
15
Joined:
Aug 2017
Likes:
0
Credits:
17
Reputation:
0
#5
Posted: 23-08-2017, 04:10 PM
in IPS 4.2.2 this error tooltips
Lurker
Posts:
6
Joined:
Sep 2017
Likes:
0
Credits:
6
Reputation:
0
#6
Posted: 04-09-2017, 06:22 AM
WOW Thanks i have been looking for this
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)