Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  

How to have a Big Avatar in posts
   (0 reviews)

Morrigan
  • By Default IPS doesn't allow for large avatars as the overall styling of the site really doesn't fit with that. It doesn't, however, mean that you don't get to have one. Follow these steps and you'll be able to have a large avatar on your site.

    Software: Invision Power Services (IPS) 166

So with IPS the default avatar is small to say the least but it also must be square, which doesn't leave room for that awesome profile style that many a roleplayer loves. It is still possible but it takes a little extra work. Please note, that by doing this you must manually add each of your Profile field items to your authorPane otherwise this image will show twice.

 

First off, you need to create a Profile Field in Members > Member Settings > Profile For me I just named it "Big Avatar" and used the following settings:

image.png

 

The group does matter so if you intend to separate it out I recommend to do it now. But I chose not to show it on the profile, no real point to do that, but to show it in posts with the following code. This code will grab the file and add all necessary upload options to it.

 

<img src='{file="$content" extension="members"}' />

 

Next we need to edit your Post template. To do that go to Themes > Themes > Click on the < / > icon next to your theme. I certainly recommend this be a test theme to start.

 

In this first list you'll need to find postContainer. It is forums > front > topics > postContainer

Here you need to find this:

				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}

Remove it. This removes the duplicate field bit.

 

Next you need to find this:

{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}

And replace with this. But there will be something you will have to replace with your own variables and I'll show you how after this section:

              {{if $comment->author()->contentProfileFields()[core_pfieldgroups_2][core_pfield_2] != ''}}
          		{$comment->author()->contentProfileFields()[core_pfieldgroups_2][core_pfield_2]|raw}
          	  {{else}}
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
              {{endif}}

 

This is the bit you need to focus on:

[core_pfieldgroups_2][core_pfield_2]

This first part [core_pfieldgroups_2] is the profile field group or category. The latter part [core_pfield_2] is the profile field itself. So the easiest way to find this is to go to your Members > Member Settings > Profile and look at the URL when trying to edit these:

image.png

 

If that doesn't work go to the URL and copy and paste it into an editor or use your handy dandy inspect tool for each.

 

Once you've done that I recommend one last bit, since not all users know how to resize images. It's always best to add a little bit of preventive CSS to your custom.css:

.cAuthorPane_photo img {
  max-width: 250px;
  max-height: 400px;
}

This will guarantee that the avatar isn't over the size of 250px width and 400px height.

 

There is plenty more to expanding the author pane  but this will at least give you a little direction and possible help you create an awesome custom mini profile for your OOC accounts.


  • Love 1
Sign in to follow this  

Related Guides



User Feedback

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.