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
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
LVL 82

Expert Comment

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

Accepted Solution

coreybryant earned 250 total points
ID: 36507630
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
ID: 36514831
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.
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

LVL 29

Expert Comment

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

Expert Comment

ID: 36541566
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

ID: 37093793

Featured Post

Use Filtering Commands to Process Files in Linux

Learn how to manipulate data with the help of various filtering commands such as `cat`, `fmt`, `pr`, and others in Linux.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

623 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