ComputerSurvive uses cookies to make sure our websites work effectively and to improve your user experience.

If you continue to use this site we will assume that you are happy with this.

BUTTON DESIGNS

NORMAL BUTTONS

This is a big button This is a big yellow button This is a big red button This is a big green button This is a big blue 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="large button yellow radius">This is a big yellow button</a>
Medium blue button Green medium rounded button Default medium button

Shortcode:

[medium-button color="blue" link="http://www.website.com/"]This is a medium&nbsp;<strong>blue</strong>&nbsp;button[/medium-button] [medium-button color="green" link="http://www.website.com/" rounded="yes"]This is a medium&nbsp;<strong>green</strong>&nbsp;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 .medium.button (for making it medium) 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 radius">This is a medium yellow button</a>
Small blue button Green small button Small red button Default small button Small orange button Small lightblue button Small purple button Small turqoise button Small darkred button Small green-lemon button Small white button Small black 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 .small.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 radius">This is a small yellow button</a>

 

NICE BUTTONS

This is a big button This is a big yellow button This is a big red button This is a big green button This is a big blue button 

Shortcode:

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

You can also use straight css class like .large.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="large button yellow nice radius">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/" type="nice"]This is a medium&nbsp;<strong>blue</strong>&nbsp;button[/medium-button] [medium-button color="green" link="http://www.website.com/" type="nice"]This is a medium&nbsp;<strong>green</strong>&nbsp;button[/medium-button] [medium-button link="http://www.website.com/" type="nice"]This is a default medium button[/medium-button]

You can also use straight css class like .medium.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 nice radius">This is a medium yellow button</a>
Small blue button Green small button Small red button Default small button Small orange button Small lightblue button Small purple button Small turqoise button Small darkred button Small green-lemon button Small white button Small black button

Shortcode:

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

You can also use straight css class like .small.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 nice radius">This is a small yellow button</a>

 

ROUND CORNERS

This is a big yellow button This is a big red button

Shortcode:

[big-button color="red" link="http://www.website.com/" corners="round"]This is a big red button[/big-button][big-button color="red" link="http://www.website.com/" type="nice" corners="round"]This is a big red button[/big-button]

You can also use straight css class like .large.button.round (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="large button yellow nice round">This is a big yellow button</a>
  • Tweets

Please add WIDGET ID!! (Reconfigure the HG Live Social Module's settings.)