SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
Thread: navigation bar example
-
Apr 7, 2009, 08:41 #1
- Join Date
- Sep 2008
- Location
- Dubai
- Posts
- 971
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
navigation bar example
Hi,
Where can I find css example of Apple-like navigation bar (including the search field) ?
-
Apr 7, 2009, 08:59 #2
- Join Date
- Oct 2008
- Location
- Whiteford, Maryland, United States
- Posts
- 13,782
- Mentioned
- 16 Post(s)
- Tagged
- 0 Thread(s)
It's just a horizontal list (floated) with backgroound images/colors.
The search box is just a background image on an <input>. Nothing special really. There are many many examples of it. Suckerfish has nice menus if you require a dropdown.Always looking for web design/development work.
http://www.CodeFundamentals.com
-
Apr 7, 2009, 17:53 #3
- Join Date
- Sep 2008
- Location
- Dubai
- Posts
- 971
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I couldn't find such simple thing anywhere.
-
Apr 8, 2009, 06:35 #4
- Join Date
- Oct 2008
- Location
- Whiteford, Maryland, United States
- Posts
- 13,782
- Mentioned
- 16 Post(s)
- Tagged
- 0 Thread(s)
http://htmldog.com/articles/suckerfish/
Take a suckerfish there (dropdown if you wish idc) and then on the <li>'s (the main ones) add float:left; to it, and on the <ul> add overflow:hidden;
It''s REALLY easy to convert a menu to horizontal.Always looking for web design/development work.
http://www.CodeFundamentals.com
-
Apr 8, 2009, 09:19 #5
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
As Ryan said the menu is pretty simple CSS and you could easily converts something like this old example to look like what you want.
The input is no problem and you just place it in the last list item. The apple site just places a wrap around the input and applies a background image to each side of an input.
Bookmarks