[IPB 4.x] Larger Avatars in Post

by Mr_Joker - 02-06-2015, 03:00 PM
YouR JuSt G4Y
Posts:
879
Joined:
Feb 2015
Likes:
37
Credits:
429
Reputation:
3
3 Years of Service
#1
OP
Posted: 02-06-2015, 03: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
3 Years of Service
#2
Posted: 14-08-2015, 10:16 AM
cheers for this mate
Novice
Posts:
36
Joined:
Jun 2015
Likes:
1
Credits:
3
Reputation:
0
3 Years of Service
#3
Posted: 16-08-2015, 05:13 PM
please code for hover effect photo
Member
Posts:
110
Joined:
Sep 2015
Likes:
4
Credits:
0
Reputation:
0
2 Years of Service
#4
Posted: 29-09-2015, 06:37 PM (This post was last modified: 29-09-2015, 06: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:
7
Credits:
17
Reputation:
0
1/2 Year of Service
#5
Posted: 23-08-2017, 03:10 PM
in IPS 4.2.2 this error tooltips
Lurker
Posts:
6
Joined:
Sep 2017
Likes:
0
Credits:
6
Reputation:
0
1/2 Year of Service
#6
Posted: 04-09-2017, 05:22 AM
WOW Thanks i have been looking for this
Closed Account
Posts:
4
Joined:
Sep 2015
Likes:
0
Credits:
5
Reputation:
0
2 Years of Service
#7
Posted: 05-11-2017, 06:08 PM
Thank you my friend for your sharing Please i go try that
Lurker
Posts:
2
Joined:
Nov 2017
Likes:
0
Credits:
2
Reputation:
0
1/2 Year of Service
#8
Posted: 07-11-2017, 04:21 AM
Wow Thanks for sharing this tips Smile
i will try it
Newbie
Posts:
15
Joined:
Aug 2015
Likes:
1
Credits:
17
Reputation:
0
2 Years of Service
#9
Posted: 16-11-2017, 11:46 AM
Man, i've been looking for this for some time.
It's a very good tutorial and very understandable.
Closed Account
Posts:
4
Joined:
Dec 2017
Likes:
0
Credits:
5
Reputation:
0
1/2 Year of Service
#10
Posted: 03-12-2017, 08:56 PM
Nice dude for share it.!Nice dude for share it.!Nice dude for share it.!Nice dude for share it.!Nice dude for share it.!Nice dude for share it.!Nice dude for share it.!
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
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)