Postbit Legacy Outline Enhancement for 4.0

[mandingo]

Taken from the original:
Pro. Postbit Legacy (https://vborg.vbsupport.ru/showthread.php?t=214565)
by Jacki (https://vborg.vbsupport.ru/member.php?u=147280)

Directions

First download
Add additional_css.css to all your pages (https://vborg.vbsupport.ru/showthread.php?t=228628)
by:
Lynne (https://vborg.vbsupport.ru/member.php?u=65230)

Then..

Open up your additional_css.css file
Admin cp > Styles & Templates > Style Manager >Edit Templates > additional_css.css and add the following:


.pbit {
padding: 3px 3px 3px 3px;
background-color: #option;
border-top: 1px solid #dadada;
border-right: 2px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 2px solid #dadada;
margin-bottom: 3px;
}


Obviously edit the css to suit your needs.

Then open up your postbit_legacy template:

Admin cp > Styles & Templates > Style Manager >Edit Templates > Postbit > Postbit_legacy
and find things you want outlined.

<div class="pbit">code</div>

<div class="pbit"><span class="rank">{vb:raw post.rank}</span></div>


Sample:
http://internetdomainnamedotcom.com/image/images/45sample.jpg


I take no credit whatsoever for this mod,fyi

[thedudleys]

so basically everything gets a more defined border in postbit legacy style?

[mandingo]

Yes,it's a way to add borders and/or a different style to certain elements of your postbit.

[shadowgfx]

i like it, better then using the default layout

[BSMedia]

Why not make all the padding sizes as one line rather than the 4?

padding: 3px 4px 5px 6px;

[denman75]

sory for bad english

i cant get it to work
i downloaded the Add additional_css.css to all your pages mod

than i entered

.pbit {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #option;
border-top: 1px solid #dadada;
border-right: 2px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 2px solid #dadada;
margin-bottom: 3px;
} in the css file


than i enter this in postbit -legacy

<div class="pbit"><span class="rank">{vb:raw post.rank}</span></div>

what im doing wrong ?
thank you verry much
i clicked installed cus i want to have lines

[mandingo]

sory for bad english

i cant get it to work
i downloaded the Add additional_css.css to all your pages mod

than i entered

.pbit {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #option;
border-top: 1px solid #dadada;
border-right: 2px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 2px solid #dadada;
margin-bottom: 3px;
} in the css file


than i enter this in postbit -legacy

<div class="pbit"><span class="rank">{vb:raw post.rank}</span></div>

what im doing wrong ?
thank you verry much
i clicked installed cus i want to have lines

First of all you'll want to change background-color: #option;
to a color,or even just leave that line out to use your current background color.

Secondly:
find
<span class="rank">{vb:raw post.rank}</span>
in your postbit_legacy template and add:
<div class="pbit">
before it,and:
</div>
after it.
Doing so will outline only your ranks.
Hope that helps.

[mandingo]

Why not make all the padding sizes as one line rather than the 4?

padding: 3px 4px 5px 6px;

Thanks.
Code modified.

[Dr.osamA]

thanxx

installed
________
Gm Family 1 Engine History (http://www.chevy-wiki.com/wiki/GM_Family_1_engine)

[Rob F]

Have just tried playing with this and can get the outline around most things.

How do I center the content within the outline sections like the avatar, username etc? And any idea how I can get the same effect around the Blog Entries line and any additional userfields (I have vMoods installed too)?

Thanks

[mandingo]

Have just tried playing with this and can get the outline around most things.

How do I center the content within the outline sections like the avatar, username etc? And any idea how I can get the same effect around the Blog Entries line and any additional userfields (I have vMoods installed too)?

Thanks

I'll look into a more "in depth" version when I have some time.
cheers.

[tafreeh]

is there anyway i install this without this mod installed
https://vborg.vbsupport.ru/showthread.php?t=228628

[cyn0r]

is there anyway i install this without this mod installed
https://vborg.vbsupport.ru/showthread.php?t=228628

Yes.

Open up postbit.css template:
Admin cp > Styles & Templates > Style Manager >Edit Templates > CSS Templates> postbit.css and add the following:

Code:
.pbit {
padding: 3px 3px 3px 3px;
background-color: #option;
border-top: 1px solid #dadada;
border-right: 2px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 2px solid #dadada;
margin-bottom: 3px;
}


I had to do it this way; it wouldn't work any other way for me.

[Eduardo Leon]

haha nice .

thnx for share this ^^ !

[Pro-eSports.com]

It's easy to outline the default profile fields but I can't seem to figure out how to outline the avatar and custom profile fields (fields from mods).

http://i107.photobucket.com/albums/m287/Jerichool/Random/ScreenHunter_02Oct112036.gif

Please help me!

[Pro-eSports.com]

Also, When users don't have a location inserted it still shows the white border box. How to fix?

[RobbieZ]

You would need to look at each template that uses a postbit feature in that mod you have used.

Country should have one as along with vbExperience etc.

[RedHotChili]

Thanks! :up: