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. :)
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.