/    Sign up×
Community /Pin to ProfileBookmark

Facebook Drop Down

Copy linkTweet thisAlerts:
Mar 24.2011

Check out Coca-Cola’s FB.
[url]https://www.facebook.com/cocacola?ref=ts[/url]

Notice on their nav on the left, you have “Events”. When you click on “Events”, it takes you to that page and drops down another item, “Past Events”.

Does anyone know how to achieve the drop down like that on FB?

Thanks.

to post a comment
HTML

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@PBSWebDesignMar 25.2011 — Well I know using a sub menu with a list would work for this. Look into nav bars that have drop down effects using css and html. You will be using an unordered list and some css to achieve this effect but it should be relatively simple to do.

http://www.cssnewbie.com/easy-css-dropdown-menus/

http://www.simple-website-elements.com/index.html

Here is one that lets you build the nav bar with their online software

http://purecssmenu.com/

These are just a few examples off the first page of a google search for html css drop down nav bars. Just look into things like this and you will be fine ?
×

Success!

Help @Javaboey spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...