Jump to content
×
×
  • Create New...

Larger Avatars for Posts Compatible with 4.1 & 4.2


Recommended Posts

  • Replies 72
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Step:1 Go to ACP > Customization > Themes and Select the skin you wish to edit   Step: 2 Find postContainer in the templates   Step: 3 Look for <li clas

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 

@john666M thanks!!! work perfectly Just not like clicking on the avatar and go to profile

Posted Images

@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
Link to post
Share on other sites

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
Link to post
Share on other sites

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 :)

Link to post
Share on other sites

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
Link to post
Share on other sites

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 ;)

Link to post
Share on other sites
  • 1 month later...

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
Link to post
Share on other sites

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?

Link to post
Share on other sites
  • 2 weeks later...
Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    No registered users viewing this page.