Solved

Help me implement a header area  for a site

Posted on 2011-09-08
6
430 Views
Last Modified: 2012-05-12
PLEASE ONLY ANSWER IF YOU CAN HELP ME GET THIS IMPLEMENTED ...


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

http://173.192.200.205/~designer/design1/


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 :)


http://173.192.200.205/~designer/design2/


All help appreciated.

Thanks.
0
Comment
Question by:ee-itpro
6 Comments
 
LVL 80

Expert Comment

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

Accepted Solution

by:
coreybryant earned 250 total points
ID: 36507630
Here is one link that might help you some: http://www.cbel.com/style_sheets/

For lists (<ul>), check out http://css.maxdesign.com.au/listamatic/ on styling them.

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

Assisted Solution

by:scrathcyboy
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.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 29

Expert Comment

by:coreybryant
ID: 36516420
I should have provided this link as mentioned above: Server Side Includes.  Sorry about that.
0
 
LVL 4

Expert Comment

by:h4hardy
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..

http://www.appthemes.com/demo/
0
 
LVL 5

Expert Comment

by:softpro2k
ID: 37093793
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

840 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