Website navbar design choice.

[mrchow19910319]

I am trying to create a Blog/Referencing site as a personal project. 

For a site that has a few "nav bar items" and each navbar item has their own sub-items.

Do we have to use the navbar dropdown option? 

How do you make sure that your viewer has a sense of "where they are" when they visit your site, when you have many content included. 

Here are a few example I can think of when it comes to site navigation. 

1. Top Nav bar with sub catagories : 

2. Left Navbar with sub catagories : 

Are we limited to these two?? 

Is there any site you guys know which handles navigation in a more innovative / interactive way? 

 

[KNG_HOLDY]

https://www.google.com/search?q=navigation+bar&source=lnms&tbm=isch&sa=X

[mrchow19910319]

4 minutes ago, KNG_HOLDY said:

https://www.google.com/search?q=navigation+bar&source=lnms&tbm=isch&sa=X

lol

[KNG_HOLDY]

1 hour ago, mrchow19910319 said:

lol

you can implement everything you can think of in theory

 

so just think of a design and implement it

[Zuccers]

12 hours ago, mrchow19910319 said:

I am trying to create a Blog/Referencing site as a personal project. 

For a site that has a few "nav bar items" and each navbar item has their own sub-items.

Do we have to use the navbar dropdown option? 

How do you make sure that your viewer has a sense of "where they are" when they visit your site, when you have many content included. 

Here are a few example I can think of when it comes to site navigation. 

1. Top Nav bar with sub catagories : 

2. Left Navbar with sub catagories : 

Are we limited to these two?? 

Is there any site you guys know which handles navigation in a more innovative / interactive way? 

 

you can make an 'active" class, where the user is (page) make it a bit darker, so the user can orientate where they are

 

https://www.w3schools.com/howto/howto_js_topnav.asp

[mrchow19910319]

9 minutes ago, Zuccers said:

you can make an 'active" class, where the user is (page) make it a bit darker, so the user can orientate where they are

 

https://www.w3schools.com/howto/howto_js_topnav.asp

I see. Thanks!