admin background on postbit

[bomber1614]

i am here to show you guys the updated and easy mod to have a admin background ok here it is

in postbit.css your gonna find
.postbitlegacy .userinfo {
float:{vb:stylevar left};
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};
_background-image: none;
_margin-top: -{vb:math {vb:math 16px*{vb:stylevar line_height}} + {vb:stylevar padding}-{vb:stylevar postbit_border.borderWidth}};
clear:both;
}


then once you find that your going to add under neath
/*Custom Postbit Background - Image*/
.postbitlegacy .userinfo2 {
float:{vb:stylevar left};
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: #xxxxxx /*url(url to image here) no-repeat*/;
_margin-top: -{vb:math {vb:math 16px*{vb:stylevar line_height}} + {vb:stylevar padding}-{vb:stylevar postbit_border.borderWidth}};
clear:both;
}


then once you have finished hit save

now your going to search postbit_legacy

and your going to find
<div class="postdetails"> and your going to replace <div class="userinfo"> with this too

no replace that coding with this new coding
<div class="postdetails">
<vb:if condition="is_member_of($post, 6)"><div class="userinfo2">
<vb:else />
<div class="userinfo">
</vb:if>

and then it going to look like this

https://vborg.vbsupport.ru/ this is a new updated photo


heres the admin image sorry guys new coding is up this is so that you can keep the same font you had before for the postbit_legacy

[GFG_Cam]

nice add on for the postbit + its for 4.x.x :D

[Lazorbeam]

Looks great. How to proceed to add this to whole usergroups?

[bomber1614]

Looks great. How to proceed to add this to whole usergroups?

you do the same process just the code you add int he postbit_legacy where it says 6 you change that to the usergroups you want

[popular]

can I do this with specific users instead of usergroup?

this is an awesome idea btw :D


edit: is it possible to make this into a user field as well, so members can edit their own background postbit by pasting img url

[bomber1614]

can I do this with specific users instead of usergroup?

this is an awesome idea btw :D

not sure maybe i will look into right now and ill let you know

[Lazorbeam]

you do the same process just the code you add int he postbit_legacy where it says 6 you change that to the usergroups you want

Great!

This one's a longshot, but could I have the PSD of the background file if you have it? I would modify it heavily and colorize it as well.

If not, totally understandable :).

[dvL-den]

I edited for now...

http://www.vbulletiners.com/img/images/adminbhdh.jpg

[bomber1614]

Great!

This one's a longshot, but could I have the PSD of the background file if you have it? I would modify it heavily and colorize it as well.

If not, totally understandable :).

sorry i do not have the psd

[JimxJNM]

Nice man, where do we import the image on FTP?

*Installed*

[dvL-den]

You can upload anywhere in your forum root and the make sure you rember or copy the path and paste in the code where it says background: url(url to image here)

Here's another updated image I altered...

http://www.vbulletiners.com/img/images/adminbtrt.jpg

[IFx DDay]

this is for a white back ground skin, correct? meaning this would look funky if I was to use this on a dark theme?

[bomber1614]

this is for a white back ground skin, correct? meaning this would look funky if I was to use this on a dark theme?

well its not a for a white skin it could be used fro dark skins just when you post everything would need to be light colored i dont have the black version of this photo

[HMBeaty]

Added a quick effect to the images in photoshop so they can be used for dark skins too :D

https://vborg.vbsupport.ru/external/2011/11/38.jpg https://vborg.vbsupport.ru/external/2011/11/38.jpg

[bomber1614]

Added a quick effect to the images in photoshop so they can be used for dark skins too :D

https://vborg.vbsupport.ru/attachment.php?attachmentid=134364&stc=1&d=1320991188 https://vborg.vbsupport.ru/attachment.php?attachmentid=134365&stc=1&d=1320991188

thank you very much for this

[dvL-den]

Looks great black as well... you can basically search around for backgrounds keeping the same size in consideration and use any background image to match your style...

[ProFifaLeagues]

Would this be the same edits etc for 4.1.3???

[RobbieZ]

And this is different to this mod which was posted nearly two years ago because??

https://vborg.vbsupport.ru/showthread.php?t=229487

[TheLastSuperman]

Duplicate of thread: https://vborg.vbsupport.ru/showthread.php?t=229487