WebFlake is currently in the process of upgrading fully to IPS 4.2.
We are aware that various functions may not be working correctly, or missing entirely.
Please use our Bug Tracker and Suggestions Tracker to help us with this transition.

You can dismiss this message at your discretion. Thanks!

Jump to content
John

Larger Avatars for Posts Compatible with 4.1 & 4.2

Recommended Posts

rickzinho    2

@john666M thanks!!! work perfectly

Just not like clicking on the avatar and go to profile

Edited by rickzinho

Share this post


Link to post
Share on other sites
John    103

@john666M thanks!!! work perfectly

Just not like clicking on the avatar and go to profile

​edited the code a bit read Step:4 above and it should work now

  • Upvote 1

Share this post


Link to post
Share on other sites
rickzinho    2

@john666M thanks!!! work perfectly

Just not like clicking on the avatar and go to profile

​edited the code a bit read Step:4 above and it should work now

​works! thanks bro

Share this post


Link to post
Share on other sites
John    103

updated the code again seems Default avatar was broken in the code when u used the code above now it should work like normal 

Step:4

Edited by John666M

Share this post


Link to post
Share on other sites
Cheerio    210

you could use your custom.css to do this without editing any files.

Edited by Erza
Restored deleted content

Share this post


Link to post
Share on other sites
John    103

Will this work with the reflections avatar mod?

​this is for 4.x of IP.Board as far as i know the reflection avatar mod is for 3.4.x 

http://community.invisionpower.com/files/file/6083-nb34-reflection-avatars/ as u can see the path is Downloads > Previous Versions

 

you could use your custom.css to do this without editing any files.

:confused: it can? im not aware of any other way to use the original avatar that was uploaded, on your authorpane, as if u run inspect element u will get http://webflake.sx/uploads/profile/photo-thumb-173.png this as the image used and not the original file u uploaded, thats cause IP.Board crops the image and uses the crop image instead and if ur just doing css edit it will only modify that image size which is square and not the original if it were rectangle dimensions, my tut allows u to use the original in ur authorpane instead of a crop :)

Share this post


Link to post
Share on other sites
Cheerio    210

Custom.css will override all css if told to do so, that includes the css governing the avatar dimensions.

like say..

 

.ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after 
{
    height:150px;
}

now i havent tried this and this is untested code, but the ability is sound.

Edited by Erza
Restored deleted content
  • Upvote 2

Share this post


Link to post
Share on other sites
John    103

Custom.css will override all css if told to do so, that includes the css governing the avatar dimensions.

like say..

 

.ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after 
{
    height:150px;
}

now i havent tried this and this is untested code, but the ability is sound.

i just learned something there man, thanks, i manually edited misc.css and added my css part in it but u can add the css part in there as well and it will do as u said, however doesnt change the source of the avatar used on the authorpane, that source is a square or the same link as i showed u above which is a thumb of the original u uploaded, stretching a square image to the dimensions of a rectangle doesnt always look good, what my edit above does is totally different it changes the image source to that of what was uploaded the original dimensions and uses it on the authorpane what we do with the css is just shrink the width or expand it to whatever we want while keeping the height free instead of having a square outcome ;)

Share this post


Link to post
Share on other sites
Ben    2

Tried your tutorial John, but the images wont appear after. Your way Beaker still achieves the square profile picture view, and it also makes images that isn't that big dragged out. If there was a way to have them all re-adjust according to height and being proportionate to the width.

I tried something like this

{
max-width: 170px;
height: auto; 
}

 

and
Didn't seem todo the trick either. 

a5863b088d.png

Edited by Ben
  • Upvote 1

Share this post


Link to post
Share on other sites
John    103

Tried your tutorial John, but the images wont appear after. Your way Beaker still achieves the square profile picture view, and it also makes images that isn't that big dragged out. If there was a way to have them all re-adjust according to height and being proportionate to the width.

I tried something like this

{
max-width: 170px;
height: auto; 
}

 

and
Didn't seem todo the trick either. 

a5863b088d.png

i retested my code on the newest version of the board available to me and it worked, my questions are what images arent showing exactly? is it the default avatars or the avatars uploaded or both? next question, is the avatars you uploaded showing up in the profile, and other places besides the post area? and lastly did you make sure to read my instructions well and replace the default avatar link in the code above?

Share this post


Link to post
Share on other sites
Ben    2

It shows everywhere except in the post area..

Its not the default avatars, they're okey, only the ones thats uploaded.

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.

×