Postbit help

[the1rabbits]

I would like to modify how threads are displayed and would very much appreciate some help. I think this is beyond my scope, so I am hoping someone can help me.

Basically on showthread pages I want to separate each post slightly. Please see my example screenshot:



Also, where the red dots are, can I change the color of that bar to be white so it looks as though the post content area flows into it and it is not separated by the white/grey?

[Lynne]

Your image is too small for us to view it.

[the1rabbits]

Sorry Lynne, I didn't even realise.

This link should be better

http://imgbox.com/abyIop6G

[Lynne]

OK, the postfoot background uses the stylevar "postbit_foot_background"

As for the spacing between posts, that is set in this CSS:

.postbit, .postbitlegacy, .eventbit {
	margin-bottom: {vb:stylevar padding};
etc }

So, either change the padding stylevar (which will effect a lot more than that) or just add this to your additional.css template:

.postbit, .postbitlegacy, .eventbit {
	margin-bottom: xxpx;
}

Change xx to the margin you want.

[the1rabbits]

Hi Lynne

Thanks for that works great, Can you also help me change one other bit

If you look at the screenshot: http://i.imgbox.com/abl4GJQQ.png


I would like to make the post head curved. However, see how the first post is attached to the blue bar... Can every post after post #1 be curved?

I suppose the first post on every page needs to stay the same (not curved) but every subsequent posthead can be curved.

--------------- Added [DATE]1365979234[/DATE] at [TIME]1365979234[/TIME] ---------------

Also, is it possible to attach that bottom bar to the last posts postbit_foot

http://i.imgbox.com/abl7C5J7.png

[Lynne]

You would need to add several (and go look up radius css because you need to add different stuff for different browsers - this is just for one browser):

.postbit, .postbitlegacy, .eventbit {
     border-radius: 10px 10px 10px 10px;
}

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
     border-radius: 10px 10px 0px 0px;
}

.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {border-radius: 0 0 10px 10px;}

[the1rabbits]

Hi Lynne!

Thanks so much that worked great!

There's just two more things which I would love to fix.

http://imgbox.com/acgbtCHv

Can it be made so the first post on each page is not curved.

Here is a URL to that thread http://forums.nrlweekly.com/showthre...the-Masters%29

[Lynne]

You probably can't change the first post without either changing the template or using a plugin to change the template to allow a custom class for all postibits but the first of the page.

Why not curve the tool bar bottom and add a small space between it and the first post? That would probably be easier.

[the1rabbits]

Originally Posted by Lynne

You probably can't change the first post without either changing the template or using a plugin to change the template to allow a custom class for all postibits but the first of the page.

Why not curve the tool bar bottom and add a small space between it and the first post? That would probably be easier.

That's a good idea Lynne

Would you be able to help me with the code for that?

[the1rabbits]

bump