Posts: 64
Threads: 21
Joined: Jan 2012
I am wanting to create a vertical nav bar on the left of my content. eg
Action
Comedy
-> comedy 1
-> comedy 2
-> comedy 3
Romance
Thriller
I am using the I18N plugin. This shows the children of Comedy as a list under the parent. What I want to achieve is when hovering over the parent (Comedy) the children (1,2&3) appear as a flyout (not listed beneath). I also want the parent to be "non-clickable". Please can someone explain, in detail, how to achieve this.
Posts: 18
Threads: 3
Joined: Aug 2012
When you say fly-out are you looking for the 3 items to be listed vertically to the right of Comedy so that it does not cover the other menu options below Comedy?
Keeping it simple means making progress!!
Posts: 64
Threads: 21
Joined: Jan 2012
xrmarcis Wrote:When you say fly-out are you looking for the 3 items to be listed vertically to the right of Comedy so that it does not cover the other menu options below Comedy?
Hi xrmarcis - that is exactly what I am trying to do!
Posts: 18
Threads: 3
Joined: Aug 2012
2012-10-05, 02:47:02
(This post was last modified: 2012-10-05, 02:53:42 by torrijoshop.)
You should check out this example.
It's pure css and should work for what you are looking for. Only thing is if you go three tier you will have fun with that but since you only mentioned two tier give this a try.
Since you have I18N already installed it should be pretty easy to use the css from this site to style the menu
http://www.webkeet.com/webtutorials/tabi...n-css.aspx
Hope this points your in the right direction.
Keeping it simple means making progress!!
Posts: 64
Threads: 21
Joined: Jan 2012
xrmarcis Wrote:You should check out this example.
It's pure css and should work for what you are looking for. Only thing is if you go three tier you will have fun with that but since you only mentioned two tier give this a try.
Since you have I18N already installed it should be pretty easy to use the css from this site to style the menu
http://www.webkeet.com/webtutorials/tabi...n-css.aspx
Hope this points your in the right direction.
Thank you very much - easy to follow tutorial!
Posts: 18
Threads: 3
Joined: Aug 2012
chaos Wrote:xrmarcis Wrote:You should check out this example.
It's pure css and should work for what you are looking for. Only thing is if you go three tier you will have fun with that but since you only mentioned two tier give this a try.
Since you have I18N already installed it should be pretty easy to use the css from this site to style the menu
http://www.webkeet.com/webtutorials/tabi...n-css.aspx
Hope this points your in the right direction.
Thank you very much - easy to follow tutorial!
Glad i could help.
Keeping it simple means making progress!!
Download
