Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
How can I get a navbar like this?
Old 02-03-2010, 02:00 PM How can I get a navbar like this?
Novice Talker

Posts: 8
Trades: 0
Hi,

Could anyone please tell me the name of the following navbar style? (or even better, where I can get it from);

http://www.avhe.co.uk/page/Home

So a horizontal, click for sub menu to appear navbar.

I've spent an eternity looking but just don't seem able to find it. Any help would be greatly appreciated.
Evertonian is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-03-2010, 02:45 PM Re: How can I get a navbar like this?
wongpk's Avatar
Extreme Talker

Posts: 178
Trades: 0
Jquery + CSS...

CSS:
Quote:
#menu {height: 30px; border: 1px solid #000; z-index: 100; clear: both;}
#menu li {float: left; position: relative;}
#menu ul {display: none; position: absolute; z-index: 120; width: 200px; background: #efefef;}
#menu ul li {clear: both; padding-right: 10px;}
HTML:
Quote:
<ul id="menu">
<li>Click here
<ul>
<li>Something here</li>
<li>Something here</li>
<li>Something here</li>
</ul>
</li>
</ul>
Then, link a Jquery.js, get it from http://www.jquery.com...

Script:
Quote:
<script type="text/javascript">
$(function () {
$('#top-menu li').click(
function () {$('ul', this).slideDown(100);},
function () {$('ul', this).slideUp(100);
});
})
</script>
Should be something like that

Hope that help...
__________________
Regards,
Andrew

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
wongpk is offline
Reply With Quote
View Public Profile Visit wongpk's homepage!
 
Old 02-03-2010, 03:05 PM Re: How can I get a navbar like this?
Novice Talker

Posts: 8
Trades: 0
Thanks a lot

I'm with you until the Jquery.js Could yo explain that a little bit more please?
Evertonian is offline
Reply With Quote
View Public Profile
 
Old 02-03-2010, 03:13 PM Re: How can I get a navbar like this?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
It's only a simple "show/hide" script.

A quick knock together would be, http://www.modtalk.co.uk/_site/code/...izontal-menus/
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 02-03-2010, 03:31 PM Re: How can I get a navbar like this?
Novice Talker

Posts: 8
Trades: 0
Quote:
Originally Posted by chrishirst View Post
It's only a simple "show/hide" script.

A quick knock together would be, http://www.modtalk.co.uk/_site/code/...izontal-menus/
Thanks for the term, it'll assist in searching.

Though, I know what the final outcome looks like, hence the link

I was hoping to find a guide as simple as this one, but obviously for the 'show/hide' script.
Evertonian is offline
Reply With Quote
View Public Profile
 
Old 02-03-2010, 03:37 PM Re: How can I get a navbar like this?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Quote:
Though, I know what the final outcome looks like, hence the link
View the source of the page I linked and you will find ALL THE CODE YOU NEED to create the menu.
the CSS is at http://www.modtalk.co.uk/_site/code/...enus/style.css.



AND It took me all of 10 minutes to write that example. so I wouldn't like to think it was wasted
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?

Last edited by chrishirst; 02-03-2010 at 03:38 PM..
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to How can I get a navbar like this?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.73380 seconds with 12 queries