How to browse MacRumors with normal square avatars again!

Discussion in 'Site and Forum Feedback' started by redheeler, May 31, 2015.

  1. redheeler, May 31, 2015
    Last edited: Jun 1, 2015

    redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #1
    Against a majority vote, MacRumors Forums has switched to using circular avatars.

    See this thread, where you can view comparisons of both and cast your vote: Circles vs Squares: The Most Pressing Migration Concern

    However, there is a simple fix to browse the forums with normal square avatars.

    1. Copy and save the following code using a plain text editor into a file with a .css file extension:
    Code:
    .avatar img, .avatar .img, .avatarCropper{
        border-radius: 2px !important;
    }
    2. Add it to your user stylesheet.

    Safari: Preferences > Advanced > Style sheet. Click on the dropdown menu, select Other, and open your .css file. You may need to restart Safari.

    Firefox: Here's how.


    Square Avatar FAQ


    The circles look ok, why should I switch back to square avatars?

    Here are some of the advantages regular square avatars have over circular ones:
    • More usable/viewable space for avatars.
    • Less empty space around the avatar.
    • Better compatibility with many avatars.
    • Matches the rest of the forum a bit better.
    Does this fix work on mobile devices, such as those running iOS?

    Unfortunately, no. Most mobile devices don't offer the ability to assign a user stylesheet.

    Will this fix affect avatars on sites outside of MacRumors?

    When added to a user stylesheet, it might affect a few other sites besides MacRumors, particularly other Xenforo-based forums. However, this has the added benefit of consistent square avatars on those sites as well.

    Will this fix affect how other people see my avatar?

    No. You should still make sure it looks ok when circular.
     
  2. MacNut macrumors Core

    MacNut

    Joined:
    Jan 4, 2002
    Location:
    CT
  3. Nermal Moderator

    Nermal

    Staff Member

    Joined:
    Dec 7, 2002
    Location:
    New Zealand
    #3
    You don't need to edit your style sheet then :)
     
  4. Cougarcat macrumors 604

    Joined:
    Sep 19, 2003
  5. Peace macrumors Core

    Peace

    Joined:
    Apr 1, 2005
    Location:
    Space--The ONLY Frontier
  6. eyoungren macrumors P6

    eyoungren

    Joined:
    Aug 31, 2011
    Location:
    Phoenix • 85037
    #6
    For those of us in Firefox/TenFourFox using Stylish…

    1. Create a new style (named whatever you want).

    2.
    Code:
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document domain("forums.macrumors.com"){
     
    .avatar img, .avatar .img, .avatarCropper{
       border-radius: 2px !important;
    }
    }
    3. Save and done!
     
  7. AdeFowler macrumors 68020

    AdeFowler

    Joined:
    Aug 27, 2004
    Location:
    England
    #7
    In the Preferences there's an option to hide signatures which I always have enabled. Maybe there could be an option to hide avatars?
     
  8. chrfr macrumors 603

    Joined:
    Jul 11, 2009
    #8
    I'm using Adblock to hide avatars. They're just too big and have far too much white space around them.
     
  9. MacNut macrumors Core

    MacNut

    Joined:
    Jan 4, 2002
    Location:
    CT
    #9
    If you hide signatures? why do you bother to have one?
     
  10. Don't panic macrumors 603

    Don't panic

    Joined:
    Jan 30, 2004
    Location:
    having a drink at Milliways
    #10
    and, done ;)



    now i need a way to reimplement animated ones
     
  11. OllyW Moderator

    OllyW

    Staff Member

    Joined:
    Oct 11, 2005
    Location:
    The Black Country, England
    #11
    There's been a swing in popularity throughout the first day for the circular vote. They could even take the lead as members get used to the new forum. :p
     
  12. Raid macrumors 68020

    Raid

    Joined:
    Feb 18, 2003
    Location:
    Toronto
    #12
    Well this would solve one issue (other than Don't panic's solution) ... I see what you did there Mister!

    This change has let me play around with mine, but I did find out another distressing trait of the new 'tars ... NO ANIMATION :(:mad::(. #firstworldproblems
     
  13. jbachandouris macrumors 601

    jbachandouris

    Joined:
    Aug 18, 2009
    Location:
    Upstate NY
    #13
    I despise animations/gifs. I'm glad they're not available.
     
  14. redheeler thread starter macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #14
    It's possible. I've been working on a simple script which makes avatars optimized for Retina on forum threads by pulling the large one shown on the user's profile, and it has the added effect of bringing animated GIFs back if it was uploaded as such after the migration.
     
  15. AdeFowler macrumors 68020

    AdeFowler

    Joined:
    Aug 27, 2004
    Location:
    England
    #15
    I'd completely forgotten I had to be honest!
     
  16. ardchoille50 macrumors 68020

    Joined:
    Feb 6, 2014
    #16
    @redheeler my main devices are an iPad Air 2 and iPhone 6. How do we go about applying your code for square avatars on iOS devices?
     
  17. redheeler thread starter macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #17
    I kind of figured it would happen post-migration. I have updated the phrasing in my post above.

    As far as I now iOS devices don't support adding a user stylesheet. I have added an FAQ in my OP to answer this question.
     
  18. ardchoille50 macrumors 68020

    Joined:
    Feb 6, 2014
    #18
    Thank you, sir.. all the more reason to add this as an option in UserCP here in the forums.
     
  19. AlecZ macrumors 65816

    AlecZ

    Joined:
    Sep 11, 2014
    Location:
    Berkeley, CA
    #19
    Wow, someone already figured this out?? Thanks! By the way, does this slow down page loading at all?
     
  20. redheeler thread starter macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #20
    It shouldn't slow down page loading at all. The browser simply applies the code and it overrides the webpage-defined style for the avatars.
     
  21. talmy macrumors 601

    talmy

    Joined:
    Oct 26, 2009
    Location:
    Oregon
    #21
    Looks great! Thanks!

    Now if there were only a way to get square avatars back in the Contacts and Mail apps. :)
    How_to_browse_MacRumors_with_normal_square_avatars_again____MacRumors_Forums.png
     
  22. Don't panic macrumors 603

    Don't panic

    Joined:
    Jan 30, 2004
    Location:
    having a drink at Milliways
    #22
    wow, it looks like someone must really really hate the square avatars.
    was the border of the circle just changed enough only to avoid the "transaparent" look? why????
     
  23. AlecZ, Jun 3, 2015
    Last edited: Jun 3, 2015

    AlecZ macrumors 65816

    AlecZ

    Joined:
    Sep 11, 2014
    Location:
    Berkeley, CA
    #23
    This wouldn't be so bad if there weren't a stroke on the circle. I decided to just leave it as a circle because everyone is making their avatars work for that. :( EDIT: That smiley also looks much sadder than I actually am. Sorry for the hyperbole.
     
  24. OllyW Moderator

    OllyW

    Staff Member

    Joined:
    Oct 11, 2005
    Location:
    The Black Country, England
    #24
    You might have to edit it again, it's currently a tie. :)
     
  25. redheeler thread starter macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #25
    It's unfortunate, I know. I have two croppings of my avatar, one that looks better in circles and one that looks better in squares. I have uploaded the square version for the time being, but the truth is that most people on MR still see the circles :(

    Not quite, sorry! :)
     

Share This Page