Change Avatar Style Works in 4.1 & 4.2

[Comendator]

 

Change Avatar Style

Preview

 
 
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 October 10, 2017 by Comendator

[Stormie]

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

[Crizalid]

You saved my day mate thank you.

[xViniciusz]

thanks

 

[fuuur]

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

[Isabel]

@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?

[thomas20012]

Thank you for this tutorial it helped me alot 

[Cookie Monster]

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  

[Comendator]

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.

[xodiak]

doenst worked for me never changed .

On 1.5.2017 at 11:12 PM, Comendator said:

 

Change Avatar Style

Preview

 
 
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 .

 

[xodiak]

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 March 16, 2018 by xodiak
edit : problem solved

[xVladuTzx]

nice

[Guest lol12345]

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.

[Cookie Monster]

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

[Guest lol12345]

problem solved.

Edited April 12, 2018 by lol12345