Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

thinkpatience

macrumors member
Original poster
Jun 28, 2009
55
0
Hello all,
I originally designed this website to be a single page hub for social networks, but now I'm starting to regret the decision.

http://www.rideforlove.com

I want to add a progress bar for donations and a few extra pages (i.e. FAQ, More Info, & Contact) without doing any major overhaul. I think the easiest way to do this is to add a black bar on the top of the page with the navigation, a donation monitor. Maybe just adding the information as a js shadow box, or some type of js slide down panel.

What do you think?
Whats the best way to add a black bar on the top?
Suggestions and help would be great, thank you!
 
So to understand, you are saying you realize you need to add the header before the wrapper (see below) but you are seeking advice on the best way to build the header itself? Whether it should be a js shadow or slide down or something else? Is this the kind of advice you are looking for?

Currently:
Code:
<body>

<div id="wrapper">...

Suggested:
Code:
<body>

<div id="header">

<div class="progress">
PROGRESS BAR HERE
</div>

<div class="nav">
NAV BAR HERE
</div>

</div>

<div id="wrapper">...
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.