Ammon Template
ABRAX - WordPress Theme
CLICK TO PLAY VIDEO
Bloora Template for Joomla 1.6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam diam turpis, volutpat quis aliquet vel, pellentesque ac sem. Nulla tempus erat ut enim gravida volutpat. Proin tempus diam vel tellus luctus interdum.
Krios Template for Joomla 1.6
Phaeton Template for Joomla
Next Previous
Saturday, May 19, 2012

BUTTON DESIGNS

CALL TO ACTION BUTTONS

This is a big yellow button This is a big button

 

Shortcode:

[big-button color="yellow" link="http://www.website.com/"]This is a big yellow button[/big-button] [big-button link="http://www.website.com/"]This is a big button[/big-button]

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="big-button yellow">This is a big yellow button</a>

 

Medium blue button Green medium button Default medium button

 

Shortcode:

[medium-button color="blue" link="http://www.website.com/"]This is a medium blue button[/medium-button] [medium-button color="green" link="http://www.website.com/"]This is a medium green button[/medium-button] [medium-button link="http://www.website.com/"]This is a default medium button[/medium-button]

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="medium-button yellow">This is a medium yellow button</a>

 

Small bluebutton Green small button Small red button Default small button

 

Shortcode:

[small-button color="blue" link="http://www.website.com/"]This is a small blue button[/small-button] [small-button color="green" link="http://www.website.com/"]This is a small green button[/small-button] [small-button color="red" link="http://www.website.com/"]This is a small red button[/small-button] [small-button link="http://www.website.com/"]This is a default small button[/small-button]

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="small-button yellow">This is a small yellow button</a>

 

CUSTOM BUTTONS

The shortcode for buttons:

[button link="" title="" style="1" or style="2" rounded="yes"][/button]

 

The below examples have the style="1" to the shortcode:

Pellentesque  Vestibulum  condimentum sed

 

The below examples have the style="2" to the shortcode:

Pellentesque  Vestibulum  condimentum sed

JOIN OUR MAILING LIST

Mark Spencer

Suspendisse ipsum urna, pellentesque eget sagittis eget, porta eget ligula. Mauris id posuere nisl. Aliquam sit amet urna lorem. Donec et odio et velit.

Paul Simpson

Donec rutrum convallis viverra. Suspendisse vehicula, risus sit amet luctus pharetra, quam ante condimentum metus, porttitor vulputate magna felis quis dui.

John Doe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu eros velit, non blandit ipsum. Donec pretium, nibh vitae tristique tempor, enim sem.

İdeal Yazılım Otomasyon