Limited-Time Donation Special!
Upgrade to Snow for $20 USD and receive a free copy of Oblivion Light ($5 discount).
Upgrade to +Blizzard for $35 USD and receive a free copy of Oblivion Light ($15 discount).

Please visit the thread below for more details.
CLICK HERE

Contact @Davlin with questions or comments.

Jump to content
Comendator

Change Avatar Style Works in 4.1 & 4.2

Recommended Posts

 

Change Avatar Style

Preview

ZS1QXst.png

 
 
Modifie in  CSS:

  • Select the skin you want to modify, then go to Core >> front >> custom> custom.css and add this code:
.cAuthorPane_photo img{
  max-width: 170px;
}

Modifie in Template

  • Go to Forums >> front >> topic >> postconainer and search for:
<li class='cAuthorPane_photo'>
{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</li>

Change:

<li class='cAuthorPane_photo'>
         {{if $comment->author()->pp_main_photo}}
                          <span class='ipsUserPhoto ipsUserPhoto_variable'>
                                  <img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" />
                          </span>
  
         {{else}}
                          <span class='ipsUserPhoto ipsUserPhoto_variable'>
                                  <img src="<Path_to>/default_photo.png" />
                          </span>

         {{endif}}
</li>

Once done, save everything, and now go to the Groups. Click edit and go to the Social tab, search for:

Maximum profile photo width/height

Place 300 and go, save it and you're done. New size of the Avatars of your Forum will be 170x300, to change:

Here changes the Length

Maximum profile photo width/height

And here the Width

.cAuthorPane_photo img{
  max-width: 170px;
}

 

Edited by Comendator
  • Like 2
  • Thanks 2
  • Upvote 1

Share this post


Link to post
Share on other sites

Cool, cool. I like small avatars though :astonished: probably wouldn't be my choice of style :P 

Share this post


Link to post
Share on other sites

Do you know how to make avatar style to one that this forum using? I cant find it nowhere :/

Share this post


Link to post
Share on other sites

@Comendator

Thank you so much for sharing this turorial.
I have a question (my code knowledge is equal to zero): after performing this procedure, is it mandatory to use a rectangular avatar or who can still insert, for example, a square avatar?

Share this post


Link to post
Share on other sites
On 7/10/2017 at 10:59 AM, fuuur said:

Do you know how to make avatar style to one that this forum using? I cant find it nowhere :/

You use css to circle it ;) 

  • Upvote 1

Share this post


Link to post
Share on other sites
On 14/07/2017 at 11:51 AM, Isabel said:

@Comendator

Thank you so much for sharing this turorial.
I have a question (my code knowledge is equal to zero): after performing this procedure, is it mandatory to use a rectangular avatar or who can still insert, for example, a square avatar?

You can use any avatar, however as you specified a size in the code, it is advisable to use avatars with the maximum measures imposed by you.

  • Upvote 1

Share this post


Link to post
Share on other sites

doenst worked for me never changed .

On 1.5.2017 at 11:12 PM, Comendator said:

 

Change Avatar Style

Preview

ZS1QXst.png

 
 
Modifie in  CSS:

  • Select the skin you want to modify, then go to Core >> front >> custom> custom.css and add this code:
.cAuthorPane_photo img{
  max-width: 170px;
}

Modifie in Template

  • Go to Forums >> front >> topic >> postconainer and search for:
<li class='cAuthorPane_photo'>
{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</li>

Change:

<li class='cAuthorPane_photo'>
         {{if $comment->author()->pp_main_photo}}
                          <span class='ipsUserPhoto ipsUserPhoto_variable'>
                                  <img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" />
                          </span>
  
         {{else}}
                          <span class='ipsUserPhoto ipsUserPhoto_variable'>
                                  <img src="<Path_to>/default_photo.png" />
                          </span>

         {{endif}}
</li>

Once done, save everything, and now go to the Groups. Click edit and go to the Social tab, search for:

Maximum profile photo width/height

Place 300 and go, save it and you're done. New size of the Avatars of your Forum will be 170x300, to change:

Here changes the Length

Maximum profile photo width/height

And here the Width

.cAuthorPane_photo img{
  max-width: 170px;
}

 

hey dude i do that, but it only show it me if iam in designer mode but not if i leave the mod ?

Can you say something? 4.2.8 iam using.

 

And its not like the preview screenshot .

 

Share this post


Link to post
Share on other sites
Posted (edited)
22 hours ago, xodiak said:

doenst worked for me never changed .

hey dude i do that, but it only show it me if iam in designer mode but not if i leave the mod ?

Can you say something? 4.2.8 iam using.

 

And its not like the preview screenshot .

 

okey now its just the problem that the changes dont come without designer mode

 

if i disable designer mode it comes the old avatar size

 

somebody can help me?

 

edit : problem solved

Edited by xodiak
edit : problem solved

Share this post


Link to post
Share on other sites

Thank you, but when someone is hovering above someone's profile photo it should open up a panel with a preview of that person's profile. It does not.

Share this post


Link to post
Share on other sites
7 hours ago, lol12345 said:

Thank you, but when someone is hovering above someone's profile photo it should open up a panel with a preview of that person's profile. It does not.

Check the console (f12 in chrome) for errors i would guess your having a javascript error

Share this post


Link to post
Share on other sites
Posted (edited)

problem solved.

Edited by lol12345

Share this post


Link to post
Share on other sites
What do you think? Remember the human.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×