Buttons

Buttons

Escrito en: feb 14, 2014

ChimpStudio offers you several buttons to be used throughout your site. Choose from 8 different pre-defined colored skins, you can create your own very easily. Each button has an attractive rollover gradient effect that is pure CSS.

Button Style

[column size=”1/1″][button style=”big” type=”square” color=”#fff” background=”#88AE95″ src=”LINK_URL” target=”_blank”]Big Button[/button][button style=”medium” type=”square” color=”#fff” background=”#88AE95″ src=”LINK_URL” target=”_blank”]Medium Button[/button][button style=”small” type=”square” color=”#fff” background=”#88AE95″ src=”LINK_URL” target=”_blank”]Small Button[/button][/column]

[column size=”1/1″][button style=”big” type=”square” color=”#fff” background=”#88AE95″ src=”LINK_URL” target=”_blank”][icon class=”icon-envelope” type=”” size=”icon-1x” border=”no” bgcolor=”” color=”#fff”][/icon]Big Button[/button][button style=”medium” type=”square” color=”#fff” background=”#88AE95″ src=”LINK_URL” target=”_blank”][icon class=”icon-envelope” type=”” size=”icon-1x” border=”no” bgcolor=”” color=”#fff”][/icon]Medium Button[/button][button style=”small” type=”square” color=”#fff” background=”#88AE95″ src=”LINK_URL” target=”_blank”][icon class=”icon-envelope” type=”” size=”icon-1x” border=”no” bgcolor=”” color=”#fff”][/icon]Small Button[/button][/column]

[column size=”1/1″][button style=”small” type=”square” color=”#fff” background=”#CCC” src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#03F” src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#fc3″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#0C0″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#000″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#F00″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#930″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#939″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#069″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#099″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#F60″ src=”LINK_URL” target=”_blank”]Small Button[/button][button style=”small” type=”square” color=”#fff” background=”#90C” src=”LINK_URL” target=”_blank”]Small Button[/button]
[/column]

[code title=”Button code goes here”]
[button style=”medium” type=”rounded/square” color=”#COLOR_CODE” background=”#COLOR_CODE” src=”LINK_URL” target=”_blank”]Button Content[/button]
[/code]

Customization Options / Features

[list type=”tick” icon=”icon-ok”]
[list_item]8 Predefined color skinned buttons with nice hover effect[/list_item]
[list_item]Use custom gradients for buttons through global theme option.[/list_item]
[list_item]Set custom links and link target attribute for buttons & Social Icons.[/list_item]
[list_item]Customize tagline, insert title and link for Social Share Box[/list_item]
[/list]

 

 

Facebook