IP.Board Tutorials

[IPB 4.x] Larger Avatars in Post

Submitted by Mr_Joker, , Thread ID: 4472

Thread Closed
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

#2
cheers for this mate

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

#3
please code for hover effect photo

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

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

#5
in IPS 4.2.2 this error tooltips

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

#6
WOW Thanks i have been looking for this

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

#7
Thank you my friend for your sharing :please: i go try that

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

#8
Wow Thanks for sharing this tips Smile
i will try it

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

#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

#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: 5 Guest(s)