Add CSS3 Buttons to artisteer


Author Message
Arrowart

Posted: 9/2/2011
Quote message 

Hi Guys,

Here is a nice way to add CSS3 buttons to your artisteer themes. I have also made a video to demonstrate.

video: http://www.screenr.com/4aWs

1. Grab a css button pack. A good one that I have created and use is:
http://codecanyon.net/item/elitepack-classic-css3-buttons/470602?ref=arrowart

2. Once you purchase the item (it's only $3) grab the css code and throw it in the css options dialog box. This feature is only available for artisteer 3.0+

3. Add the syntax to add a button on a link, input, button or a simple span. In the video i have used the following code:

<span class="orange round">This is a CSS3 button</span>


4. Show off your site to your friends :)

Enjoy
 
techtom

Posted: 9/17/2011
Quote message 

Looks like a good idea. Where does the HTML Source icon in artisteer come from? I have pretty much on used it for Wordpress Themes so just curious.
 
Arrowart

Posted: 10/4/2011
Quote message 

Hi Techtom,

You need to change the template to Website/blog type for it to appear. Otherwise for all other CMS types its hidden.

regards
 
bazish

Posted: 7/31/2012
Quote message 

well, grab here the free code for inserting css based content boxes, the same technique can be used to have css buttons.

http://blog.bazish.net/how-to-add-content-boxes-to-a-artisteer-wordpress-theme/