Announcement

Collapse
No announcement yet.

avatars don't look good

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • avatars don't look good

    Hi,
    I have resized the avatars with this code found on this forum

    Unfortunately the avatars don't look with good quality
    Have a look and please help me to fix it

    http://www.interfans.org/forum/forum...el-forum/page8

    Code:
    /* start custom avatar size */
    
    .l-col__flex-3, .l-row__fixed--left > .l-col__flex-3 {
    margin-left: 240px!important;
    }
    .b-userinfo__details {
    width: 240px;
    margin-left: -20px;
    }
    .l-desktop .b-userinfo {
    width: 210px;
    }
    .b-avatar--m {
    height: 125px!important;
    width: 125px!important;
    }
    
    .b-avatar--m > img {
    max-height: 125px!important;
    max-width: 125px !important;
    height: 125px!important;
    width: 125px!important;
    }
    media only screen and (max-width: 783px) {
    .l-col__flex-3, .l-row__fixed--left > .l-col__flex-3 {
    margin-left:0px!important;
    float:none!important;
    }
    .b-userinfo__details {
    margin-left: 0;
    display:none;
    }
    
    .b-avatar--m {
    height: 60px!important;
    width: 60px!important;
    }
    
    .b-avatar--m > img {
    max-height: 60px!important;
    max-width: 60px !important;
    height: 60px!important;
    width: 60px!important;
    }}
    /* end custom avatar size */

  • #2
    If they were not that large in the first place, then they will stretch and skew to fit the larger size, and that's the effect you will see.
    The only way round this is to have the users upload a larger avatar to match the newer size.
    MARK.B | vBULLETIN SUPPORT

    TalkNewsUK - My vBulletin 5.5.6 Demo
    AdminAmmo - My Cloud Demo

    Comment


    • #3
      That’s what I did with my avatar (Interfan) it is bigger but on postbit it is like is loses quality

      Comment


      • #4
        Your best bet is to make sure your avatars are as close to the 200 X 200 maximum size as possible and then the browser won't have as much issue resizing them to the smaller size. However, browsers aren't graphic editors so resizing images will always affect quality.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API - Full / Mobile
        Vote for your favorite feature requests and the bugs you want to see fixed.

        Comment


        • #5
          Looking it my demo sites (which have larger avatars and also rounded avatars), the code I have used just to make the avatars larger is simply this:

          Code:
          /* Start over-ride postbit avatar size */
          .b-avatar--m > img {
              max-height: 128px;
              max-width: 128px !important;
          }
          .b-avatar--m {
              height: 100%;
              width: 100%;
          }
          .b-avatar--m > img {
              height: 104px;
              width: 104px !important;
          }
          /* End over-ride postbit avatar size */
          MARK.B | vBULLETIN SUPPORT

          TalkNewsUK - My vBulletin 5.5.6 Demo
          AdminAmmo - My Cloud Demo

          Comment


          • #6
            Mark.B thanks, hey how to hide that white border?

            Comment


            • #7
              Code:
              .b-avatar--thread {
                  border: 0;
              }

              GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

              Comment


              • #8
                Thanks to the post by Mark.B I finally got a code which work board wide. Have had troubles before with some additional CSS. I can read the code ok, but to much of a noob to write it myself. Is there a way to edit the code to differentiate between usergroups?

                Comment


                • #9
                  Usergroup isn't exposed with Avatars. You would need a more indepth modification to make that information available in the template.
                  Translations provided by Google.

                  Wayne Luke
                  The Rabid Badger - a vBulletin Cloud demonstration site.
                  vBulletin 5 API - Full / Mobile
                  Vote for your favorite feature requests and the bugs you want to see fixed.

                  Comment


                  • #10
                    Could be done (part of it/ in posts) with my suggestion at that issue: https://tracker.vbulletin.com/vbulle...sues/VBV-18307

                    You need the ability to select the users usergroups. Please vote for it!
                    vBulletin-Forum.de closed!

                    Comment


                    • #11
                      Originally posted by delicjous View Post
                      Could be done (part of it/ in posts) with my suggestion at that issue: https://tracker.vbulletin.com/vbulle...sues/VBV-18307

                      You need the ability to select the users usergroups. Please vote for it!
                      Voted, Please vote for my COMMENT issue below
                      Thanks
                      vB Mods That Rock!

                      Comment

                      Related Topics

                      Collapse

                      Working...
                      X