postbit avatar bug partial fix

[EidolonAH]

Posted this on .com too but figured some folk here might be able to help with the bit Im stuck on.
I found a partial fix for the avatar bug in horizontal postbit, but there is one bit I have yet to figure out, the username & rank should be floating to the right of the avatar and it's showing underneath:
Attachment 106431

This is the partial fix

OPEN postbit.css

FIND:

.postbit .postuseravatarlink {
    display:block; 
    text-align: center;
    position: absolute;
    top: 0;
    {vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
    width: 60px;
    height: 60px;
    background: {vb:stylevar postbit_background};
    overflow: hidden;
}

.postbit .postuseravatarlink img {
    height: auto;
    max-height:60px;
    height:auto !important;
    max-width:60px;
    width:auto !important;
    margin: auto;
}

REPLACE WITH:

.postbit .postuseravatarlink {
    display:inline; 
    text-align: center;
    position: relative;
    top: 0;
    {vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
    width: auto;
    height: auto;
    background: {vb:stylevar postbit_background};
    overflow: hidden;
}

.postbit .postuseravatarlink img {
    height: auto;
    max-height:auto;
    height:auto !important;
    max-width:auto;
    width:auto !important;
    margin: auto;
}

Input on fixing the username position would be great if I can't fix it myself soon.

[fta2k]

Hey, looking forward to any updates. Avy's are bigger, text is below like you've shown.

[garretbyrne]

If you try
Block instead of inline puts the username and details right under neat your avatar, the avatar is centered and no background..
It's something for the time being, lol

.postbit .postuseravatarlink {
display:block;
text-align: center;
position: relative;
top: 0;
{vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
width: auto;
height: auto;
background:;
overflow: hidden;
}

.postbit .postuseravatarlink img {
height: auto;
max-height:auto;
height:auto !important;
max-width:auto;
width:auto !important;
margin: auto;
}

[fta2k]

Well, not ideal but it's sure better than before...

Two positive steps forward... Maybe the next step will make it right.

[EidolonAH]

Originally Posted by garretbyrne

If you try
Block instead of inline puts the username and details right under neat your avatar, the avatar is centered and no background..
It's something for the time being, lol

.postbit .postuseravatarlink {
display:block;
text-align: center;
position: relative;
top: 0;
{vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
width: auto;
height: auto;
background:;
overflow: hidden;
}

.postbit .postuseravatarlink img {
height: auto;
max-height:auto;
height:auto !important;
max-width:auto;
width:auto !important;
margin: auto;
}

This wont work with very wide avatars!

[garretbyrne]

I know but better than the other way at the moment, I'm afraid my knowledge of css isn't the best..

[Ian Emu-UK]

I have found a workable solution to this problem and posted it on vb.com in the thread started by Eidolon over there.

http://www.vbulletin.com/forum/showt...=1#post1849110

Hopefully this will help until the issue is fixed by the vB team.

[mustafaabubaker]

Dears.

i want to know if i can re-size images what ever their size are.
if any body asks why, the answer is to disallow hackers from uploading php codes or shell files with image extension and by a way or another they change its extension on the server to php or any other executable extension and do hacking on the server.

images are (avatars, user signature, album pictures, group pictures...etc )

please help if there is a way in vBulletin.