Forums / Templates, Stylesheets, Page Layout / Creating a info box under header_bg.jpg

Creating a info box under header_bg.jpg

Locked

Views: 758

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
8 Nov 2010, 3:28 PM
#1
heyits007 avatar

heyits007

Zen Follower

Join Date:
Sep 2010
Posts:
270
Plugin Contributions:
0

Creating a info box under header_bg.jpg

Is it possible to create an info box under header_bg.jpg on the main page ? I want a one line or one row box that's as wide as the page, located just under the main page header image.
If this is possible, how would I achive this ? i.e. what files do I need to edit and what do I need to enter in them ?

I'm thinking stylesheet.css and possibly a few other php files ? i.e. the main page display script ?

Thanks,
007

8 Nov 2010, 4:06 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Creating a info box under header_bg.jpg

You could open tpl_header.php and insert the red part:

<!--eof-header logo and navigation display-->

<div id="newbox"> This is some sort of text i want to put just under the header image.</div>

<!--bof-optional categories tabs navigation display-->

then style #newbox in the stylesheet.

This assumes you have the navCatTabs and the EZ page header menu turned off. If one or both of those are present, you may need to place the red part somewhere else in the same file.

9 Nov 2010, 4:47 PM
#3
heyits007 avatar

heyits007

Zen Follower

Join Date:
Sep 2010
Posts:
270
Plugin Contributions:
0

Re: Creating a info box under header_bg.jpg

Ahh, thanks for that advice. I will give it a try and let you know how it goes.

007

Thanks,
007

20 Nov 2010, 2:16 PM
#4
heyits007 avatar

heyits007

Zen Follower

Join Date:
Sep 2010
Posts:
270
Plugin Contributions:
0

Re: Creating a info box under header_bg.jpg

The top code worked ok in **tpl_header.php **

However the **#newbox ** code in **stylesheet.css **seems to be missing information to create the box. Any ideas ? i.e. what code actually creates the box ?

Thanks,
007

20 Nov 2010, 2:35 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Creating a info box under header_bg.jpg

You have to add that from scratch. The div will be there occupying the desired space, but you need to tell it to have a different background or border or whatever before it will look like a box. You can take examples of borders and backgrounds from other stylesheet rules and tweak them as desired.

20 Nov 2010, 4:24 PM
#6
heyits007 avatar

heyits007

Zen Follower

Join Date:
Sep 2010
Posts:
270
Plugin Contributions:
0

Re: Creating a info box under header_bg.jpg

Can you show a CSS example thanks ? i.e. for the #newbox entry.

Thanks,
007

20 Nov 2010, 5:18 PM
#8
heyits007 avatar

heyits007

Zen Follower

Join Date:
Sep 2010
Posts:
270
Plugin Contributions:
0

Re: Creating a info box under header_bg.jpg

Cool. Thanks for that.

Thanks,
007