How to make round avatars in vB5

[tenis]

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 :

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

it is

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

https://www.tenisdemasa.ro/forum

of the forum is added once again as a prefix for the real link

[albanah]

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

.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; }

[Mitch]

/* 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.

[danielmorashov]

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

/* 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*/

/* 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

[asd937]

working great in 5.6.3
thank you

[ilechoo]

Hi, I've got the following code in css_additional.css for the "Gradient" that came with VB5.

body {
background-attachment: fixed;
}
/* Start avatar edit */
/* Start avatar round */
.l-col__flex-3, .l-row__fixed--left > .l-col__flex-3
{
margin-left: 240px!important;
}
.b-userinfo__details
{
width: 240px; margin-left: -20px;
}
.b-avatar--m
{
height: 200px!important;
width: 200px!important;
}
.b-avatar--m > img,
.b-userinfo .b-avatar--m > img {
max-height: 200px !important;
max-width: 200px !important;
height: 200px !important;
width: 200px !important;
}




.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-userinfo .b-avatar--thread {
border: 0;
}

Looks like it's working as intended, except all avatars are pixelated inside of threads. Looks fine on the profile page.



url is ilechoo.com

The round thing is cool, but all I really wanted to do was use larger avatars.

I would appreciate and am grateful for any help with this. Thank you

[wheatcom]

Excellent. Thank you.
I ended up changing it to just border-radius 8% because it cuts off the url in the bottom of my avatar. I'll probably just make a different avatar later and go round.
Just having the border removed makes this mod great, too.
Works in vB 5.6.0.

[faustvasea]

And why does this happen with the users who have uploaded the small avatars only and not with the others?

The code is just fine, I have checked it multiple times.

It could be probably because of browser cache. I had same code too, and was alright

[zoran_dj]

its not about the size, he did something wrong with his css code .

And why does this happen with the users who have uploaded the small avatars only and not with the others?

The code is just fine, I have checked it multiple times.

[faustvasea]

On this forum I had more help then the entire vb org and com team (where I also asked for help after they updated my forum from vb4).
Thank you again.

This forum is dead too. Pretty much, I haven’t seen glen for a while. So idk to be honest.

[tenis]

On this forum I had more help then the entire vb org and com team (where I also asked for help after they updated my forum from vb4).
Thank you again.

[faustvasea]

Like I've said, you need to tell your users to upload bigger avatars, at least (100px x 100px).

its not about the size, he did something wrong with his css code .

[zoran_dj]

Like I've said, you need to tell your users to upload bigger avatars, at least (100px x 100px).

[tenis]

Thank you for your help.
Any fix for the non square avatars?
I mean little avatars (used as topic icons) that are not all round but some are ovals. Also the avatar icons for Last Post (see above attached printscreen)

In postbit all avatars are round not oval.

Any way to increase the size "Las post" avatar in the view threads? Like in this forum. See attached.

[zoran_dj]

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

/* 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*/

Send me a link to your forum and I will write you a fix here.

EDIT: Thanks for the link. After checking your forum I have realized that everything is fine with the above code.

You need to tell your users to upload bigger avatars at least (100px x 100px), and the problem is solved.