Jump to content

Rate this topic

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}}
                  <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="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" />
                          </span>
                  </a>
         {{else}}
                  <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="<Path_to>/default_photo.png" />
                          </span>
                  </a>
         {{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;
}

 

  • Like 1

Share this post


Link to post
Share on other sites

Your content will need to be approved by a moderator

Guest
You are commenting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Forum Statistics

    1,985
    Total Topics
    8,225
    Total Posts
×