How can I make a three part forum header?

[K4GAP]

I've noticed on some of the nicer styles the designer has implemented forumheaders that consist of three images made up as a "right side", "center" and "left side".

Anyone have information they would like to share about how to do this?

The attachment shows just a regular single image forum header, I want a 3 piece.

[Chivster]

Are you sure its not designed as one image, but differently in Photoshop, etc?

[Disco_Dave]

Can you show us an example?

[Lynne]

You put an image aligned left and aligned right and then the center image can just be a background image x-repeated.

[K4GAP]

Originally Posted by Lynne

You put an image aligned left and aligned right and then the center image can just be a background image x-repeated.

That's exactly what I have in mind :up: . What I need is the code to accomplish that.

[Disco_Dave]

This is our code we use for a small logo on the left, may be this can help get you started:

PHP Code:

/*NIRC FORUM HEAD CSS EDITS*/

.forumbit_nopost .forumhead .forumtitle a {
margin-left: 28px;
}

.forumhead .forumtitle, .forumbits .forumhead h2 { background:url(images/evid_blue/elements/forumhead.png) no-repeat top left; }

.forumhead h2.forumtitle, .forumbits .forumhead h2 span.forumtitle { text-indent:30px; }

.forumbits .forumhead h2 span { background-image:none; }

.forumbit_nopost .forumhead span, .forumbits .forumhead h2 { padding:10px 0px 8px 0px; }

.forumbit_nopost .forumhead .collapse { padding:10px 0px 8px 0px; }

.forumbit_post .forumhead h2 span { padding:10px 0px 8px 0px; }

.forumbit_nopost .forumhead .forumtitle { padding:10px 0px 8px 0px; }

.forumbit_nopost .forumhead a.collapse img { top:-2px; right:4.4px; }

.blockhead img { padding-top:2px; padding-right:5px; }

/*NIRC FORUM HEAD CSS EDITS*/ 


But I'm not 100% sure if this is what you are looking.

[K4GAP]

Originally Posted by tricksodave

This is our code we use for a small logo on the left, may be this can help get you started:

PHP Code:

/*NIRC FORUM HEAD CSS EDITS*/

.forumbit_nopost .forumhead .forumtitle a {
margin-left: 28px;
}

.forumhead .forumtitle, .forumbits .forumhead h2 { background:url(images/evid_blue/elements/forumhead.png) no-repeat top left; }

.forumhead h2.forumtitle, .forumbits .forumhead h2 span.forumtitle { text-indent:30px; }

.forumbits .forumhead h2 span { background-image:none; }

.forumbit_nopost .forumhead span, .forumbits .forumhead h2 { padding:10px 0px 8px 0px; }

.forumbit_nopost .forumhead .collapse { padding:10px 0px 8px 0px; }

.forumbit_post .forumhead h2 span { padding:10px 0px 8px 0px; }

.forumbit_nopost .forumhead .forumtitle { padding:10px 0px 8px 0px; }

.forumbit_nopost .forumhead a.collapse img { top:-2px; right:4.4px; }

.blockhead img { padding-top:2px; padding-right:5px; }

/*NIRC FORUM HEAD CSS EDITS*/ 


But I'm not 100% sure if this is what you are looking.

It doesn't appear to be because the code I see in your's looks like it's controlling the forumhead not the header?

[Disco_Dave]

Your pic above ^ shows the forumhead, not the header, that's why I asked to see an example

[K4GAP]

Originally Posted by tricksodave

Your pic above ^ shows the forumhead, not the header, that's why I asked to see a example

It sure does .... sorry about that.
Either or both would be sufficient as I'm attempting to create a style that requires both.

Thanks for pointing that out to me.

[Lynne]

If you post a link to an example, then we can just get the CSS/code used right from that.