Thanks! Please check the following:
System requirements
This stack requires RapidWeaver and the Stacks plugin. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver and Stacks that your computer is compatible with.

License agreement
You may use this purchased stack an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This stack can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the stack.

You may not resell or make this stack available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this stack, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove stacks from your computer).

You are reminded to make use of the free demo versions already provided on the website, to fully evaluate stacks for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this stack, you should make contact via the contact page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Checkout  
Plenty of button stacks have been built in the past. But sometimes, users have felt slightly disappointed by the lack of customisable settings offered. In some instances you're restricted to the same button style. There can be issues encountered with trying to embed these buttons into non-Stack pages; like the sidebar of a blog or the footer of a website. Sometimes there can also be incompatibilities between certain button stacks and RapidWeaver themes. ButtonMaker is a rather radical rethink of how a button stack should work; combing ease of setup with the customisable power a lot of RapidWeaver users desire.

By ticking the View Source Code option in the stack settings, you can view the complete source code for your generated buttons (to reuse in other pages of your project). ButtonMaker is as powerful as many online button generators and desktop apps, but is developed exclusively for RapidWeaver and the Stacks plugin. It's very much a stack you can purchase once and use hundreds of times! It has the potential to save you a lot of time and money.

Pure HTML and CSS buttons have a number of advantages. By removing complicated code (like Flash and Javascript) from the mix, the completed buttons render extremely quickly and efficiently on all devices. The buttons can be set to various links and display correctly in all modern web browsers. Buttons can be used on conventional desktop web browsers and from touch-based handheld devices. These buttons are also very accessible to search engines too. Fancy-effects applied to the buttons like rounded corners, shadow effects and animations degrade gracefully in older web browsers (like IE7 and IE8).

Examples

Here are some real examples of ButtonMaker in action. These are actual buttons built with ButtonMaker, and not reproduced screenshots or photoshopped mockups! Each button has been set as a link through to http://example.com

Flat Buttons

Hello World
Hello World
Hello World
Hello World
Hello World

Rounded Buttons

Hello World
Hello World
Hello World
Hello World
Hello World

Buttons With Icons

Hello World
Hello World
Hello World
Hello World
Hello World

Ghost Buttons

Hello World
Hello World
Hello World
Hello World
Hello World

Textured Buttons

Hello World
Hello World
Hello World
Hello World
Hello World

Glossy Buttons

Hello World
Hello World
Hello World
Hello World
Hello World

Gradient Buttons

Hello World
Hello World
Hello World
Hello World
Hello World

Image Buttons

Hello World
Hello World
Hello World
Hello World
Hello World
 
The buttons were positioned in this page using the free AdaptiveGrid stack. But equally you can use another responsive grid or columns stack, if you prefer. By default, buttons extend to the full 100% width of the area they are placed within. Buttons are intended to display a single line of text.

Setup

Follow these instructions to setup one or more ButtonMaker stacks in your project:
  • Once installed, drag and drop a ButtonMaker stack into your RapidWeaver Stacks page.
  • In the ButtonMaker stack settings on the right, customise all aspects of your button. This includes the button label, its link, backgrounds, borders, animation effects and icons etc. Roll your mouse cursor over each setting to read an informational tooltip about what each one does.
  • Preview your page to see the completed button
  • If you want to use the button in a non-Stack page style, enable the View Source Code option, in the stack settings. Preview your page in RapidWeaver and follow the onscreen instructions to copy the two code snippets.

Icon support

We recommend use of Font Awesome icons. These font icons are retina-display compatible and supported by all newer web browsers. If your RapidWeaver theme lacks support for Font Awesome icons, you will need to enable the Call Font Awesome setting. This will add a link to a CDN (content delivery network) online, which will embed Font Awesome icons into your page. Refer to the Font Awesome website for a complete inventory of all available icon designs and to fetch their HTML markup. Icons typically comprise of simple HTML markup like this:

<i class="fa fa-car"></i>

Grabbing the source code

An innovative feature of this button stack (which sets it above all the other button stacks) is that you can view the source code of each generated button. To do so, simply enable the View Source Code option in the stack settings. When you preview the page, you will be presented with some instructions; together with the generated HTML and CSS markup for each button. This option lets you copy your buttons into non-Stack pages; without needing to depend on other plugins or complicated code to get the job done.

Linking to social networking services

ButtonMaker is a brilliant stack to use, if you want to create colourful buttons which allow visitors to your website to easily share or bookmark your pages. Social media plays an important role in promoting your products or services to a wider audience. ButtonMaker allows you to create social media buttons, without needing to tie your website to ugly or sluggish 'share' buttons hosted from other companies. Here are some quick examples of social media links you can apply to your buttons:

Twitter:	https://twitter.com/intent/tweet?url=URL-HERE&text=TITLE-HERE&via=TWITTER-NAME-HERE
Facebook: https://facebook.com/sharer.php?u=YOUR-URL
Google+: https://plus.google.com/share?url=YOUR-URL
Email: mailto:?subject=EMAIL-SUBJECT&body=EMAIL-BODY
Pinterest: http://pinterest.com/pin/create/button/?url=YOUR-URL&description=Page+description+here&media=IMAGE-URL
LinkedIn: http://www.linkedin.com/shareArticle?mini=true&url=URL-HERE
Digg: http://digg.com/submit?url=URL-HERE
Reddit: http://reddit.com/submit?url=URL-HERE&title=TITLE-HERE

In all of the address examples shown above, replace the text in UPPERCASE with the required values. For example, Twitter wants the URL of the page or website, the title of the page and your Twitter username. Through using these special addresses, you can create button links that enable visitors on your website to conveniently share or bookmark things that interest them. Social networking buttons work great when placed next to corresponding products or in a theme sidebar.

Theme compatibility

ButtonMaker is compatible with all ThemeFlood RapidWeaver themes and will also work with lots of themes from many other companies. One of the reasons for building this stack was to provide a strong button creation tool, for use in themes where some other button stacks tended to fail. A free demo version of ButtonMaker is provided, so you can fully test and evaluate it, before committing to a purchase.

Browser compatibility

ButtonMaker has been throughly tested and confirmed to work in IE7, IE8, IE9, IE10, IE11, and the latest versions of Safari, Chrome, Firefox and Opera. Please note that some cosmetic embellishments (like opacity, animation effects, text shadows and rounded corners) will be ignored in older versions of IE. Also of note; IE7 does not support Font Awesome Icons. The free RottenApple or Conditionals stack can be used if you want to hide ButtonMaker on older versions of IE or handheld devices.

Print and PDF output

Because buttons are typically used as a method of website navigation, they commonly bare no use in print or PDF output. Therefore we use some CSS code to automatically hide buttons in print or PDF output. This means your printouts are much tidier and save ink and paper. It's possible to replace ButtonMaker stacks with supplementary content using the free UsefulStack.

Custom CSS

In instances where the style and colour settings provided in ButtonMaker are not sufficient for you, custom CSS code can be used to apply other styling. All ButtonMaker stacks receive a class of .ButtonMakerStack on their outer container. Therefore you can apply your own custom CSS code, like this:

.ButtonMakerStack {
margin: 20px;
box-shadow: 10px 10px 5px #888888;
}

Custom CSS code should be entered into the page Custom CSS box or the theme custom.css file. This custom CSS code will take effect on all ButtonMaker stacks, if more than one exists on the page where this code is used.

Tip If you want multiple button stacks that concentrate themselves around several pre-configured button designs, take a look at the ButtonThings button bundle from WeaverThings. These buttons are of similar build quality to those generated with ButtonMaker, but are simpler to configure with less settings shown in edit mode.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.