How to make Side Menu in DNN? > Mitchel's Technical Forums

Mitchel's Forums

Subject: How to make Side Menu in DNN?

You are not authorized to post a reply.

Author

Messages

Bryce Nielsen User is Offline

New Poster
Posts:4

09/17/2007 6:01 PM
I just noticed that your menu system is listed down the lefthand side of your page. Do you have any articles that describe how you achieved this? Is it overriding the CSS? -shnar

Mitchel Sellers User is Offline

Site Admin/Owner
Guru

Guru
Posts:5607

09/17/2007 8:39 PM
Shnar, Well you can do a vertical menu with the DNN menu, however, I am personally using the CSS Nav menu component to make my left nav menu. it is a full CSS/HTML menu with no javascripting. My code is a slightly modified version of the sample skin data that John Mitchell provides with the CSS Nav menu.

-Mitchel Sellers MCITP, MCPD, MCTS Director of Development IowaComputerGurus Inc. 3Essentials is my recommended Shared Hosting Provider This site is hosted on a VPS from HostMySIte.com Mosso is my recommended cloud computing provider. Use reference code REF-ICG to get $100 off your second month! To get Guaranteed DNN Support check out our affordable DNN Technical Support Programs

Bryce Nielsen User is Offline

New Poster
Posts:4

09/17/2007 11:06 PM
I'm not familiar with the CSS Nav menu component. Is that a module, or a skin element? -shnar

Mitchel Sellers User is Offline

Site Admin/Owner
Guru

Guru
Posts:5607

09/18/2007 1:17 AM
It is a skin element. YOu can read more about it over on John's site (http://www.snapsis.com)

-Mitchel Sellers MCITP, MCPD, MCTS Director of Development IowaComputerGurus Inc. 3Essentials is my recommended Shared Hosting Provider This site is hosted on a VPS from HostMySIte.com Mosso is my recommended cloud computing provider. Use reference code REF-ICG to get $100 off your second month! To get Guaranteed DNN Support check out our affordable DNN Technical Support Programs

Graham Carmichael User is Offline

New Poster
Posts:1

12/13/2007 12:13 AM
I have the CSS Nav Menu displaying on left OK. I woul like to have a marker on the Active Child like you have on say RegEx Tester under Tools/Utilities. Could you paste the piece of CSS that makes that work please?

Mitchel Sellers User is Offline

Site Admin/Owner
Guru

Guru
Posts:5607

12/13/2007 8:35 AM
Here you go! #NavTabs .SelectedTab a { font-weight:bold; border-left:4px solid #88605F; background-color: white; color:#000; font-size: 82%; }

-Mitchel Sellers MCITP, MCPD, MCTS Director of Development IowaComputerGurus Inc. 3Essentials is my recommended Shared Hosting Provider This site is hosted on a VPS from HostMySIte.com Mosso is my recommended cloud computing provider. Use reference code REF-ICG to get $100 off your second month! To get Guaranteed DNN Support check out our affordable DNN Technical Support Programs

You are not authorized to post a reply.