Arborescence :



 Faceted index, by topics :

Fonctionnalité
 
Category
V5 (40)
V5.01 (20)
V5.10 (16)
V5.20 (31)
V5.30 (15)
 
  Comment insérer ces widgets?

      5. Référence
          5.11. Modèles de style
              5.11.3. Modifier le modèle de style courant (mode expert)
                  5.11.3.3. Liste des classes de style WIT
                      5.11.3.3.1. Classe de style : Body (corps du document)
                          5.11.3.3.1.1. Classe de style : Container
 Classe de style : WITTree

Le style WITTree a 11 sous classes, contrôlant l'apparence globale du menu Simple Tree mais aussi son comportement : modifier avec précaution.

Exemple (les styles de ce document : extrait du modèle de styles. Ne pas changer les valeurs en rouge) :

/* 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;
}

Tâches
Start date2007-11-01
Due date2007-11-01
Percent finished100 %
Effective end date2007-11-01
CategoryV5.20
Corrélats :  CSS style class ; Menu ; Tree menu ; Widget

Table  | Images  | Bibliographie  | Glossaire  | Index  | Facettes