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 80

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.
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Unexpected End of File 11 54
Timer on div 5 23
CSS for <center> 14 33
Political Map of Europe - Wikipedia? 4 21
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
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…

735 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