Miscellaneous Hacks - Postbit Legacy Outline Enhancement for 4.0

Taken from the original:
Pro. Postbit Legacy
by Jacki

Directions

First download
Add additional_css.css to all your pages
by:
Lynne

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:



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

PHP Code:

.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

PHP Code:

<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]

Originally Posted by 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

PHP Code:

.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

PHP Code:

<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]

Originally Posted by BSMedia

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

[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