Announcement

Collapse
No announcement yet.

How to make round avatars in vB5

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Originally posted by tenis View Post
    Hello,

    I used this code to make round avatars, I also forced avatars to be square 128x128 and biger.
    Everything is working fine on my 5.6.0 vBulletin forum, except little avatars (used as topic icons) that are not all circle but some are ovals.
    In postbit all avatars are circles.

    the additional CSS
    Code:
    /* Start Avatars without Borders */
    .avatar,
    .b-avatar,
    .b-avatar--thread {
    border: 0;
    }
    /* End Avatars without Borders */
    /* Big Avatars START */
    .b-userinfo .b-avatar, .b-userinfo .b-avatar img {
    max-height: 128px;
    max-width: 128px !important;
    width: 128px;
    height: 128px;
    }
    /* Big Avatars END*/
    /* Round Avatars START*/
    .avatar img,
    .avatar:not(.medium) > img,
    .b-avatar:not(.b-avatar--m) > img,
    .b-avatar--thread > img,
    .b-avatar--s > img,
    .b-comment .b-avatar img,
    .b-comp-menu-dropdown__trigger-avatar,
    .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
    .b-avatar--pmchat,
    .b-pmchat__participants-avatar,
    img.avatar,
    img.b-avatar {
    border-radius: 100%;
    }
    .avatar,
    .b-avatar,
    .b-avatar--thread {
    border: 0;
    }
    .b-avatar--thread img {
    border: 1px solid #fff;
    }
    /* Round Avatars END*/

    Code:
    /* Big Avatars START */
    .b-userinfo .b-avatar, .b-userinfo .b-avatar img {
    max-height: 128px;
    max-width: 128px !important;
    width: 128px;
    height: 128px;
    }
    /* Big Avatars END*/
    this code works for big avatars on postbit for vbulletin 5.6.4
    thank you very much for the code

    Comment


      Originally posted by danielmorashov View Post

      Code:
      /* Big Avatars START */
      .b-userinfo .b-avatar, .b-userinfo .b-avatar img {
      max-height: 128px;
      max-width: 128px !important;
      width: 128px;
      height: 128px;
      }
      /* Big Avatars END*/
      this code works for big avatars on postbit for vbulletin 5.6.4
      thank you very much for the code
      Yes it blows them up, but they also become very grainy.

      Comment


        Originally posted by glennrocksvb View Post
        https://vbmods.rocks/forum/vbulletin...dth-of-postbit

        For the avatar size, there's a thread in vbulletin.com for that. I will post a link when I find it or look it up yourself.
        This is the code for controlling the size of avatars

        Code:
        .l-desktop .b-avatar--thread { height: 128px; width: 128px; border: 0; } .l-desktop .b-avatar--thread > img { max-height: 128px; max-width: 128px !important; width: 128px; height: 128px; }

        Comment


          wrong URL when clicking User in Viewtopic

          Hello, on my vbulletin 5.6.4.1 I have a strange link for user profile in viewtopic :

          Instead of :

          Code:
          https://www.tenisdemasa.ro/forum/member/7540-adn
          it is

          Code:
          https://www.tenisdemasa.ro/forum/https://www.tenisdemasa.ro/forum/member/7540-adn
          This is not happening for all user profiles, some are correct.
          For example, in the same topic, for the same user I have two different links for user profile, one incorrect.

          I see the main URL
          Code:
          https://www.tenisdemasa.ro/forum
          of the forum is added once again as a prefix for the real link

          Click image for larger version

Name:	user nok.jpg
Views:	5
Size:	48.6 KB
ID:	23058Click image for larger version

Name:	user ok.jpg
Views:	6
Size:	44.0 KB
ID:	23059
          Attached Files

          Comment

          Working...
          X