Log in

View Full Version : Moving postbit location


andybond
11-10-2011, 10:10 PM
Evening all.

I am wanting to move my postbits ( or postbits legacy ) to the right hand side of my forums.

Can this be done ? ( you know the next question dont you ? )

How ?

TheLastSuperman
11-10-2011, 11:18 PM
Yes however you'll need to modify quite a bit of the css or maybe just maybe you could trick it using the rtl conditional... hmm I'll check into this if I have time this weekend and see if it's going to be quick and simple or quite in-depth and report back ;).

HMBeaty
11-10-2011, 11:39 PM
Yes however you'll need to modify quite a bit of the css or maybe just maybe you could trick it using the rtl conditional... hmm I'll check into this if I have time this weekend and see if it's going to be quick and simple or quite in-depth and report back ;).
I've actually checked into this as well. I'm about to post my end result in a few minutes ;)

HMBeaty
11-10-2011, 11:47 PM
My end result :)

https://vborg.vbsupport.ru/attachment.php?attachmentid=134363&stc=1&d=1320975993

In postbit.css, find:
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
margin-{vb:stylevar left}: {vb:stylevar postbitlegacy_userinfo_width};
border-{vb:stylevar left}: {vb:stylevar postbit_userinfo_border};
background: {vb:stylevar postbit_background};
_background-image: none;
padding-bottom: 1em;
}Replace with:
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
margin-{vb:stylevar right}: {vb:stylevar postbitlegacy_userinfo_width};
border-{vb:stylevar right}: {vb:stylevar postbit_userinfo_border};
background: {vb:stylevar postbit_background};
_background-image: none;
padding-bottom: 1em;
}Find:
.postbitlegacy .userinfo {
float:{vb:stylevar right};
position: relative;
width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}};
padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
font-size: {vb:stylevar small_fontSize};
display:block;
background: {vb:stylevar postbit_userinfo_background};
clear:both;
}Replace with:
.postbitlegacy .userinfo {
float:{vb:stylevar right};
position: relative;
width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}};
padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
font-size: {vb:stylevar small_fontSize};
display:block;
background: {vb:stylevar postbit_userinfo_background};
clear:both;
}

This code is unsupported and has not been fully tested!

HMBeaty
11-11-2011, 12:12 AM
I might even use this on my site :D

andybond
11-12-2011, 08:36 PM
Wow. Epic.

Really , really appreciate you time and skill

HMBeaty
11-12-2011, 11:52 PM
Wow. Epic.

Really , really appreciate you time and skill
Thanks. :)