IP.Board Tutorials

[IPB 4.x] Larger Avatars in Post

Submitted by Mr_Joker, , Thread ID: 4472

Thread Closed
Mr_Joker
YouR JuSt G4Y
Level:
0
Reputation:
3
Posts:
795
Likes:
51
Credits:
493
02-06-2015, 04:00 PM
#1
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]

RE: [IPB 4.x] Larger Avatars in Post

Radikal
Lurker
Level:
0
Reputation:
0
Posts:
7
Likes:
0
Credits:
8
14-08-2015, 11:16 AM
#2
cheers for this mate

RE: [IPB 4.x] Larger Avatars in Post

skins20
Novice
Level:
0
Reputation:
0
Posts:
35
Likes:
1
Credits:
3
16-08-2015, 06:13 PM
#3
please code for hover effect photo

RE: [IPB 4.x] Larger Avatars in Post

Hurt Locker
Member
Level:
0
Reputation:
0
Posts:
106
Likes:
4
Credits:
0
29-09-2015, 07:37 PM
This post was last modified: 29-09-2015, 07:37 PM by Hurt Locker
#4
how can I only change the size of the avator for some usergroups like admins?

RE: [IPB 4.x] Larger Avatars in Post

TestBg
Newbie
Level:
0
Reputation:
0
Posts:
15
Likes:
7
Credits:
17
23-08-2017, 04:10 PM
#5
in IPS 4.2.2 this error tooltips

RE: [IPB 4.x] Larger Avatars in Post

Matgsan
Lurker
Level:
0
Reputation:
0
Posts:
6
Likes:
0
Credits:
6
04-09-2017, 06:22 AM
#6
WOW Thanks i have been looking for this

RE: [IPB 4.x] Larger Avatars in Post

serbaz55
Closed Account
Level:
0
Reputation:
0
Posts:
4
Likes:
0
Credits:
5
05-11-2017, 07:08 PM
#7
Thank you my friend for your sharing :please: i go try that

RE: [IPB 4.x] Larger Avatars in Post

janeiskind
Lurker
Level:
0
Reputation:
0
Posts:
2
Likes:
0
Credits:
2
07-11-2017, 05:21 AM
#8
Wow Thanks for sharing this tips Smile
i will try it

RE: [IPB 4.x] Larger Avatars in Post

pirolito
Newbie
Level:
0
Reputation:
0
Posts:
15
Likes:
1
Credits:
17
16-11-2017, 12:46 PM
#9
Man, i've been looking for this for some time.
It's a very good tutorial and very understandable.

RE: [IPB 4.x] Larger Avatars in Post

heisen
Closed Account
Level:
0
Reputation:
0
Posts:
4
Likes:
0
Credits:
5
03-12-2017, 09:56 PM
#10
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.!

Users browsing this thread: 1 Guest(s)