menu >> simple menu

simple menu

Simple Menù for DotNetNuke (5.6+) is a easy to use menu module that allow users to create simple vertical navigation menù and customize css.    

            

Buy on store.dotnetnuke.com
Module settings

In module settings users can customize menu aspect and pages to visualize.





Module information

First of all users have to choose page to visualize. Then thy can begin to customize menù aspect: all fields are quite clear while the last three represent respectively: node padding left is the distance between any list item and the begin of the list; node width is the width of any node of the list; node distance is the padding-bottom value of each node.
Preview

You can find more examples HERE.

If you need a start-point in module configuration you can use these settings:

List Style Type: none

Text Color: #000000

Background Color: transparent

List Item Css:

background-attachement: scroll;

background-clip: border-box;

background-color: rgb(153, 51, 51);

background-image: url("/Portals/0/ImageMenu/vert-one_arrow.gif")no-repeat 0 9px;

background-origin: padding-box;

background-position-x: 0px;

background-position-y: 9px;

background-repeat: no-repeat;

background-size: auto;

color: #fff;

font-family: Helvetica, Verdana, Arial, sans-serif;

font-size: 16px;

font-style: normal;

font-weight: bold;

list-style-image: none;

list-style-position: outside;

list-style-type: none;

padding-bottom: 5px;

padding-left: 20px;

padding-right: 0px;

padding-top: 5px;

text-decoration: none;

padding:5;

border-top:1px solid #4D0000;

border-bottom:1px solid #761A1A;

Hover Css: background:#900 url("/Portals/0/ImageMenu/vert-one_arrow.gif") no-repeat 0 9px;

Active Css: background:#933 url("/Portals/0/ImageMenu/vert-one_arrow.gif") no-repeat 0 9px;

List Css:

margin:0px;

padding: 0px;

Sublevel Css:

margin:0px;

padding: 0px;

Node Padding Left: 5

Node Width: 190

Node Distance: 0

You also have to create a folder called "ImageMenu" in your portals/PORTAL_ID/ folder and insert there these images (you can also change css urls).
Online Users Open
Copyright © DnnEagles 2011
Friend Link: Timberland 6 Inch Boots Herren Nike Air Max 2016 Nike ELASTICO Finale III Street TF Adidas Messi 16.3 IC MBT Lami Damen TIMBERLAND CHUKKA BOOTS Adidas Superstar 2 Shoes Friend Link: NIKE ROSHE TWO FLYKNIT SHOES AIR JORDAN 23 Adidas Originals NMD Adidas Yeezy Boost 550 Adidas Tubular Schuhe Adidas Springblade Schuhe ADIDAS D ROSE 7 MEN Friend Link: Adidas Originals Pride Pack Adidas Originals Stan Smith W Adidas Originals ZX 500 Adidas Climacool Boat Lace NIKE AIR FORCE 1 07 HIGH MBT BARIDI WOMEN AIR JORDAN 2 MEN