View Full Version : Avatar Size
Life Treasure
06-28-2013, 12:30 AM
Hello
The original size of the avatar is only shown in the postbit. However, in the member profile, member list and activity stream .. etc, a smaller thumbnail is shown (usually 60x60 or 40x40).
Is there a way to always show the original size of the avatar instead of creating a thumbnail especially in user profiles?
I'm currently allowing 180x180 avatar, so it's really not nice when their size is decreased to 60x60 or smaller!
Thanks :)
Fun-Masti
06-28-2013, 06:10 AM
I think modifying the image size from CSS of the particular locations, wherever you want the full size image, can do the job. However, you might end editing a lot more things to make things look balanced for the same.
Life Treasure
06-28-2013, 11:55 AM
I think modifying the image size from CSS of the particular locations, wherever you want the full size image, can do the job. However, you might end editing a lot more things to make things look balanced for the same.
Thank you for your reply.
Can you tell me please what CSS code should I add/change to make the avatar size in member profiles full size?
Fun-Masti
06-28-2013, 12:06 PM
What exact page you want to edit? Can you give the link to the portion of the edit required?
What I think you are asking for is http://xyz.com/forum/memberlist.php
Then follow these steps:
Style manager > Edit templates ( of the style u are using) > CSS templates ( click for a list to load) > Memberlist.css >
Look for #memberlist img.avatar {
max-width:
Put the value of max-width:180px (if that's the size you are looking for?) > Save.
Refresh your member list. Larger sized avatar would be available. :-)
Life Treasure
06-28-2013, 12:37 PM
What exact page you want to edit? Can you give the link to the portion of the edit required?
What I think you are asking for is http://xyz.com/forum/memberlist.php
Then follow these steps:
Style manager > Edit templates ( of the style u are using) > CSS templates ( click for a list to load) > Memberlist.css >
Look for #memberlist img.avatar {
max-width:
Put the value of max-width:180px (if that's the size you are looking for?) > Save.
Refresh your member list. Larger sized avatar would be available. :-)
Thank you very much FunMasti :)
The way worked and the avatars appear much better now, thanks to you.
But the page I wanted, more importantly, to do that was the User Profile Page (e.g. https://vborg.vbsupport.ru/member.php?u=431056) - But vB 4 version of it of course!
So could you tell me which CSS should I edit for that page?
And IF YOU HAVE TIME please tell me which codes should I edit for the activity stream and friends list (which also appears in User Profile Page).
Thanks again :-)
Fun-Masti
06-28-2013, 01:15 PM
You need to go to member.css (just the file above memberlist.css)
This one is a bit complex to do. You will have to first and foremost take the backup of the file.
Next, search for term 'Avatar' in the codes (using ctrl+f), and find the specific locations (use firebug to find the locations and their css tags) where you want to adjust the sizes, and replace them with the appropriate size. Save and reload. Refresh the page to check.
Remember to backup first.
Life Treasure
06-28-2013, 03:21 PM
You need to go to member.css (just the file above memberlist.css)
This one is a bit complex to do. You will have to first and foremost take the backup of the file.
Next, search for term 'Avatar' in the codes (using ctrl+f), and find the specific locations (use firebug to find the locations and their css tags) where you want to adjust the sizes, and replace them with the appropriate size. Save and reload. Refresh the page to check.
Remember to backup first.
Thank you again. I'll explore member.css and hopefully I'll be able to do what I want.
Regards :)
--------------- Added 1372441271 at 1372441271 ---------------
I finally found how to do it!
This is the solution (that works for vB 4 as well):
https://vborg.vbsupport.ru/showthread.php?t=179172
What exact page you want to edit? Can you give the link to the portion of the edit required?
What I think you are asking for is http://xyz.com/forum/memberlist.php
Then follow these steps:
Style manager > Edit templates ( of the style u are using) > CSS templates ( click for a list to load) > Memberlist.css >
Look for #memberlist img.avatar {
max-width:
Put the value of max-width:180px (if that's the size you are looking for?) > Save.
Refresh your member list. Larger sized avatar would be available. :-)
:up::up::up::up::up::up:
fpd42
12-06-2013, 05:43 AM
OK, help here....I display an avatar AND a user photo on my member list. I did this modification exactly and it ONLY enlarges my profile pic, and not the avatar?
Anyone?
tbworld
12-06-2013, 05:55 AM
You would need to provide more information or how is anyone going to help you?
We would need a link to this page so we can see the CSS and html structure.
Do you have any other 'memberlist' mod's that could be interfering?
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.