Difference between revisions of "Human Interface Guidelines/The Sugar Interface/Rollovers"

From Sugar Labs
Jump to navigation Jump to search
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
 +
<noinclude>{{Translations}}</noinclude>
 
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
 
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
  
Line 29: Line 30:
 
|}
 
|}
  
====Primary Rollover====
+
=====Primary Rollover=====
====Secondary Rollover====
+
=====Secondary Rollover=====
 +
 
 +
====Rollovers as Menus
 
====Rollovers as Contextual Menus====
 
====Rollovers as Contextual Menus====
====Rollovers as Palettes====
+
====Rollovers as Dialogs====
  
  
 
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}
 
{{hig-subnav-intra|p_page=Toolbars|c_section=The Sugar Interface|c_page=Rollovers|n_page=Controls}}

Revision as of 10:58, 11 May 2007

english | español | 한국어 HowTo [ID# 16898]  +/-  

Rollovers

Rollover Animation Phases By Time
Animation Phase Time Offset
(seconds)
Duration
(seconds)
Immediate Background Change 0.0 0.1
Primary Rollover Begins Expanding 0.1 0.2
Primary Rollover Displayed 0.3 0.4
Secondary Rollover Begins Expanding 0.7 0.3
Secondary Rollover Displayed 1.0 ----
Primary Rollover
Secondary Rollover

====Rollovers as Menus

Rollovers as Contextual Menus

Rollovers as Dialogs