Slim and Compact Header

Filed in: Site News, Web Development — March 21st, 2006

advertisement

After spending several hours of trial and error, I am finally done with the new page header. It is now more slim and compact.

slim header

Changes:

  • Shorter header image and white border is removed.
  • Replaced tabs with text links. Larger text.
  • Move the search form into the page header, wrapped with a rounded box.

The idea was inspired by Mozilla Update and iconaholic.com. The rounded box’s code and images were generated by CSS Rounded Box Generator.

Well, I hope you would like the new look as much as I do. :)

technorati tags , , ,

Bookmark and Share

Read also:

« Who Links to Your Competitors?
Blog Influence »
  • nice and good huh...
  • A.H
    Looks less messy and much more professional like this, way to go! :D



    A.H
  • Tim
    Doesn't work at all in IE
  • LcF
    Thank you, Tim. I will get a PC to check it.
    IE is really giving headache to web design beginner... :(
  • Looks like it's all messing up in IE. :/ It's really troublesome to get all the browsers to get to work with 1 design, but that's the routine work you've to go through if you're in this kind of business.
  • It's look cacat in my Ubuntu Firefox. Search Form running out from the header..
  • guest
    Looks like the header is all messed up. It is covering your template boundries.
  • it look horrible in ie :(
  • exiang
    well, it is not working in firefox also.
    http://img66.imageshack.us/img66/5364/da7ub.png
  • LcF
    thanks for all the feedback. My bad to test the layout solely on Mac. :P

    OK, It should looks better now. Tested on IE6 & Firefox 1.5 (Windows XP).
  • less mess..good job
  • Alex
    Looks good in IE, but In firefox, adsense link is overlap with header image.
  • not working on my firefox... the whole white tab is misplaced...
  • LcF
    Does the header still messy? Please email me a screenshot and tell me the OS and browser versions. Thanks!
  • it works great on IE and Firefox.
  • Still doesn't looks good in my firefox.

    Wah, You have more than 12 different scripts running.
    Perhaps cause by the javascript that blocked.

    I think should be OK with other browser.
  • I'm using Safari 2.0 on my Mac here. When i hover the links the search box droops below the header. Is this intended? You should really look into enhancing the aesthetics of your site. It's getting a little impersonal with the ads.
  • LcF
    thank you, Scrivener. I will check with Safari.
blog comments powered by Disqus