Tree :



 Faceted index, by topics :
Menu

 
Category
V5 (46)
V5.01 (21)
V5.10 (15)
V5.20 (32)
V5.30 (16)
V5.31 (1)
V5.32 (4)
V5.33 (16)
V5.34 (7)
V5.35 (2)
V5.40 (27)
V5.41 (7)
V5.42 (4)
V5.43 (6)
V5.50 (1)
V5.60 (1)
V5.61 (2)
V5.70 (9)
V5.71 (4)
 
 How to insert these widgets?

      5. Reference
          5.11. Style templates
              5.11.3. Modify current style template (expert mode)
                  5.11.3.3. List of style classes
                      5.11.3.3.1. Style class : Body (document body)
                          5.11.3.3.1.1. Style class : Container
 Style class : WITTree  

WITTree style class has 13 sub classes, controlling the global appearance of the Simple Tree menu, but also its behavior : change with caution.

Example (this document styles : extract of style sheet. Do not change values shown in red) :

/* WIT wrapping of CSS Simple Tree Menu (courtesy of www.dynamicdrive.com)          */
.WITTree
font-family:arial, verdana;
font-size:115%;
font-weight:500;
padding:3px;
background-color:RGB(132, 142, 200);
margin:5px;
margin-top:5px;
}

/* Inner container of WIT Simple Tree Menu          */
.WITTreeInner
margin-left: -38px;
margin-top:0px;
margin-bottom:0px;
padding: 0px;
}

/* Links in WIT menu, active          */
a.WITTreeLink:active
/* Insert properties */
}

/* Links in WIT menu, visited          */
a.WITTreeLink:visited
color:white;
}

/* Links in WIT menu, hover */
a.WITTreeLink:hover
text-decoration:none;
color:RGB(255, 232, 211);
}

/* Links in WIT menu, link          */
a.WITTreeLink:link
color:white;
}

/* CSS for Simple Tree Menu : Main list          */
ul.treeview
margin-top:0px;
margin-bottom:0px;
}

/* CSS for Simple Tree Menu          */
.treeview ul
/*CSS for Simple Tree Menu*/
margin: 0px;
padding: 0px;
}

/* Style for LI elements in general (excludes an LI that contains sub lists)          */
.treeview li
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: transparent  url(../extra/list.gif) no-repeat 0px 2px;
list-style-type: none;
padding-left: 15px;
margin-bottom: 3px;
}

/* Style for LI that contains sub lists (other ULs).          */
.treeview li.submenu
/* Style for LI that contains sub lists (other ULs). */
background: transparent  url(../extra/closed.gif) no-repeat -9px -6px;
cursor: hand !important;
cursor: pointer !important;

}

/* Style for ULs that are children of LIs (submenu)           */
.treeview li.submenu ul  { 
/*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

/* Style for LIs of ULs that are children of LIs (submenu)           */
.treeview .submenu ul li
/*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

Keywords :  CSS style class ; Menu ; Tree menu ; Widget
Tasks
Start date2007/11/01
Due date2007/11/01
Percent finished100 %
Effective end date2007/11/01
CategoryV5.20