Default"

From Documentation
(Created page with '{{ZKStyleGuidePageHeader}} __TOC__ This is the '''Default''' mold for '''Colorbox'''. =Structure= Image:Colorbox1.PNG Image:Colorbox2.PNG Image:Colorbox3.PNG [[Ima…')
 
 
Line 7: Line 7:
 
=Structure=
 
=Structure=
 
[[Image:Colorbox1.PNG]]
 
[[Image:Colorbox1.PNG]]
 +
 
[[Image:Colorbox2.PNG]]
 
[[Image:Colorbox2.PNG]]
 +
 
[[Image:Colorbox3.PNG]]
 
[[Image:Colorbox3.PNG]]
 +
 
[[Image:Colorbox4.PNG]]
 
[[Image:Colorbox4.PNG]]
  

Latest revision as of 06:51, 16 September 2010


This is the Default mold for Colorbox.

Structure

Colorbox1.PNG

Colorbox2.PNG

Colorbox3.PNG

Colorbox4.PNG

Events

CSS\Action Normal (Open) Hover Click, Select, and Drag. Focus Focus and Hover Disable
Naming: .z-colorbox
Supported: V

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

CSS Specification

Class Name Description Default Values
.z-colorbox Background -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:0 2px; overflow: hidden; display: inline-block; vertical-align: middle; border: 1px solid #86A4BE; padding: 3px; background-color:#FFFFFF; position: relative;
.z-colorpalette-btn Background left: 200px; width: 20px; height: 20px; cursor: pointer; background: url(${c:encodeURL('~./zkex/img/colorbox/colorpicker-btn.gif')});



Last Update : 2010/09/16

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.