Help me implement a header area  for a site

Posted on 2011-09-08
Last Modified: 2012-05-12

Please  have a look at the below link for current header design(not much actually)...

As you can see there are two menu links(Home, Post AD) on left  and two menu links on right (Login, Sign Up).

Once the user logins, the links on the right change to Account Details, Logout etc.

I'm looking for someone to possibly  help me  implement some kind of a  header design as i'm not a css expert or a designer. It  should display the menu links as mentioned above as well as fit a logo(like one that's there currently).  

The header would remain consistent throughout all the pages of the site.

I came up with something like the link below, but i'm looking for something better(difficult to describe but possibly accomodate more menu links if needed, attractive, looks a bit filled :)

All help appreciated.

Question by:ee-itpro
LVL 78

Expert Comment

by:David Johnson, CD, MVP
Comment Utility
use a master page that contains your header for consistency
LVL 29

Accepted Solution

coreybryant earned 250 total points
Comment Utility
Here is one link that might help you some:

For lists (<ul>), check out on styling them.

If you need help with a logo, you might check out Smart Souls.  She has been very helpful.
LVL 44

Assisted Solution

scrathcyboy earned 250 total points
Comment Utility
If you are going to have more than 10 or 15 pages on the site, you should do a #INCLUDE for the header on all pages.  The format is, with server side includes turned on on the web server (most linux is on) --

<!-- #include file|virtual="header.html" -->

The header then becomes its own file, and it stays consistent across the entire site, you only have to change it in one place.  The text in your first example is much too small.

If you want the header to change with each different click, then you want to use PHP or ASP to do that.
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

LVL 29

Expert Comment

Comment Utility
I should have provided this link as mentioned above: Server Side Includes.  Sorry about that.

Expert Comment

Comment Utility
Hi ee-itpro,

I suggest you to make the same functionality you can check the "clasasipress".. amazing functionality same you like and with great design look.. let me know if you want that.. will help you..

Expert Comment

Comment Utility

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Select2 jquery help 9 41
Help cleaning out CSS 2 23
Problem to page 4 17
Fixing my modal from bootstrap 18 11
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now