元素 – 按鈕

demo
[cmo_section_header heading=”DEFAULT BUTTONS”]
[cmo_button caption=”Small” link=”#” size=”small” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”Small” link=”#” size=”small” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”MEDIUM” link=”#” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”MEDIUM” link=”#” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”BIG BUTTON” link=”#” size=”large” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”BIG BUTTON” link=”#” size=”large” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”Small” link=”#” size=”small” shape=”shape-round” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”Small” link=”#” size=”small” shape=”shape-round” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”MEDIUM” link=”#” shape=”shape-round” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”MEDIUM” link=”#” shape=”shape-round” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-round” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-round” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”Small” link=”#” size=”small” shape=”shape-pill” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”Small” link=”#” size=”small” shape=”shape-pill” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”MEDIUM” link=”#” shape=”shape-pill” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”MEDIUM” link=”#” shape=”shape-pill” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-pill” border_width=”1″ margin=”0px 5px 0px 0px”][cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-pill” border_width=”1″ color_style=”transparent”]
[cmo_section_header heading=”CUSTOM COLORS”]
[cmo_button caption=”Small” link=”#” size=”small” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#87ca3d” background_color=”#87ca3d” border_color_on_hover=”#88e060″ background_color_on_hover=”#88e060″][cmo_button caption=”Small” link=”#” size=”small” border_width=”1″ color_style=”transparent” color=”#87ca3d” border_color=”#87ca3d” color_on_hover=”#ffffff” background_color_on_hover=”#87ca3d”]
[cmo_button caption=”MEDIUM” link=”#” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#e5403a” background_color=”#e5403a” border_color_on_hover=”#e5918e” background_color_on_hover=”#e5918e”][cmo_button caption=”MEDIUM” link=”#” border_width=”1″ color_style=”transparent” color=”#e5403a” border_color=”#e5403a” background_color=”rgba(255,255,255,0.01)” color_on_hover=”#ffffff” background_color_on_hover=”#e5403a”]
[cmo_button caption=”BIG BUTTON” link=”#” size=”large” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#474747″ background_color=”#474747″ color_on_hover=”#ffffff” border_color_on_hover=”#7f7f7f” background_color_on_hover=”#7f7f7f”][cmo_button caption=”BIG BUTTON” link=”#” size=”large” border_width=”1″ color_style=”transparent” color=”#474747″ border_color=”#474747″ color_on_hover=”#ffffff” background_color_on_hover=”#474747″]
[cmo_button caption=”Small” link=”#” size=”small” shape=”shape-round” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#87ca3d” background_color=”#87ca3d” border_color_on_hover=”#88e060″ background_color_on_hover=”#88e060″][cmo_button caption=”Small” link=”#” size=”small” shape=”shape-round” border_width=”1″ color_style=”transparent” color=”#87ca3d” border_color=”#87ca3d” background_color=”rgba(255,255,255,0.01)” color_on_hover=”#ffffff” background_color_on_hover=”#87ca3d”]
[cmo_button caption=”MEDIUM” link=”#” shape=”shape-round” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#e5403a” background_color=”#e5403a” border_color_on_hover=”#e5918e” background_color_on_hover=”#e5918e”][cmo_button caption=”MEDIUM” link=”#” shape=”shape-round” border_width=”1″ color_style=”transparent” color=”#e5403a” border_color=”#e5403a” background_color=”rgba(255,255,255,0.01)” color_on_hover=”#ffffff” background_color_on_hover=”#e5403a”]
[cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-round” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#474747″ background_color=”#474747″ color_on_hover=”#ffffff” border_color_on_hover=”#7f7f7f” background_color_on_hover=”#7f7f7f”][cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-round” border_width=”1″ color_style=”transparent” color=”#474747″ border_color=”#474747″ color_on_hover=”#ffffff” background_color_on_hover=”#474747″]
[cmo_button caption=”Small” link=”#” size=”small” shape=”shape-pill” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#87ca3d” background_color=”#87ca3d” border_color_on_hover=”#88e060″ background_color_on_hover=”#88e060″][cmo_button caption=”Small” link=”#” size=”small” shape=”shape-pill” border_width=”1″ color_style=”transparent” color=”#87ca3d” border_color=”#87ca3d” background_color=”rgba(255,255,255,0.01)” color_on_hover=”#ffffff” background_color_on_hover=”#87ca3d”]
[cmo_button caption=”MEDIUM” link=”#” shape=”shape-pill” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#e5403a” background_color=”#e5403a” border_color_on_hover=”#e5918e” background_color_on_hover=”#e5918e”][cmo_button caption=”MEDIUM” link=”#” shape=”shape-pill” border_width=”1″ color_style=”transparent” color=”#e5403a” border_color=”#e5403a” background_color=”rgba(255,255,255,0.01)” color_on_hover=”#ffffff” background_color_on_hover=”#e5403a”]
[cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-pill” border_width=”1″ margin=”0px 5px 0px 0px” color=”#ffffff” border_color=”#474747″ background_color=”#474747″ color_on_hover=”#ffffff” border_color_on_hover=”#7f7f7f” background_color_on_hover=”#7f7f7f”][cmo_button caption=”BIG BUTTON” link=”#” size=”large” shape=”shape-pill” border_width=”1″ color_style=”transparent” color=”#474747″ border_color=”#474747″ background_color=”rgba(255,255,255,0.01)” color_on_hover=”#ffffff” background_color_on_hover=”#474747″]
[cmo_section_header heading=”BORDER WIDTH”]
[cmo_button caption=”NO BORDER” link=”#” border_width=”0″ margin=”0px 5px 0px 5px”][cmo_button caption=”NO BORDER” link=”#” border_width=”0″ color_style=”transparent”]
[cmo_button caption=”1PX BORDER” link=”#” border_width=”1″ margin=”0px 5px 0px 5px”][cmo_button caption=”1PX BORDER” link=”#” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”3PX
BORDER” link=”#” border_width=”3″ margin=”0px 5px 0px 5px”][cmo_button caption=”3PX BORDER” link=”#” border_width=”3″ color_style=”transparent”]
[cmo_button caption=”NO BORDER” link=”#” shape=”shape-round” border_width=”0″ margin=”0px 5px 0px 5px”][cmo_button caption=”NO BORDER” link=”#” shape=”shape-round” border_width=”0″ color_style=”transparent”]
[cmo_button caption=”1PX BORDER” link=”#” shape=”shape-round” border_width=”1″ margin=”0px 5px 0px 5px”][cmo_button caption=”1PX BORDER” link=”#” shape=”shape-round” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”3PX BORDER” link=”#” shape=”shape-round” border_width=”3″ margin=”0px 5px 0px 5px”][cmo_button caption=”3PX BORDER” link=”#” shape=”shape-round” border_width=”3″ color_style=”transparent”]
[cmo_button caption=”NO BORDER” link=”#” shape=”shape-pill” border_width=”0″ margin=”0px 5px 0px 5px”][cmo_button caption=”NO BORDER” link=”#” shape=”shape-pill” border_width=”0″ color_style=”transparent”]
[cmo_button caption=”1PX BORDER” link=”#” shape=”shape-pill” border_width=”1″ margin=”0px 5px 0px 5px”][cmo_button caption=”1PX BORDER” link=”#” shape=”shape-pill” border_width=”1″ color_style=”transparent”]
[cmo_button caption=”3PX BORDER” link=”#” shape=”shape-pill” border_width=”3″ margin=”0px 5px 0px 5px”][cmo_button caption=”3PX BORDER” link=”#” shape=”shape-pill” border_width=”3″ color_style=”transparent”]
[cmo_section_header heading=”Button Icons”]
[cmo_button caption=”Left Icon” size=”small” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons”][cmo_button caption=”Left Icon” size=”small” border_width=”1″ icon_type=”linecons” color_style=”transparent”]
[cmo_button caption=”Left Icon” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons”][cmo_button caption=”Left Icon” border_width=”1″ icon_type=”linecons”]
[cmo_button caption=”Right Icon” size=”small” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons” icon_alignment=”icon-right”][cmo_button caption=”Right Icon” size=”small” border_width=”1″ icon_type=”linecons” icon_alignment=”icon-right” color_style=”transparent”]
[cmo_button caption=”Right Icon” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons” icon_alignment=”icon-right”][cmo_button caption=”Right Icon” border_width=”1″ icon_type=”linecons” icon_alignment=”icon-right” color_style=”transparent”]
[cmo_button caption=”Top Icon” size=”small” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons” icon_alignment=”icon-top”][cmo_button caption=”Top Icon” size=”small” border_width=”1″ icon_type=”linecons” icon_alignment=”icon-top” color_style=”transparent”]
[cmo_button caption=”Top Icon” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons” icon_alignment=”icon-top”][cmo_button caption=”Top Icon” border_width=”1″ icon_type=”linecons” icon_alignment=”icon-top” color_style=”transparent”]
[cmo_button caption=”Bottom Icon” size=”small” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons” icon_alignment=”icon-bottom”][cmo_button caption=”Bottom Icon” size=”small” border_width=”1″ icon_type=”linecons” icon_alignment=”icon-bottom” color_style=”transparent”]
[cmo_button caption=”Bottom Icon” border_width=”1″ margin=”0px 5px 0px 5px” icon_type=”linecons” icon_alignment=”icon-bottom”][cmo_button caption=”Bottom Icon” border_width=”1″ icon_type=”linecons” icon_alignment=”icon-bottom” color_style=”transparent”]