| Version  Made for Stacks 2 Part of the ResourceButtonMaker Stacks. How do you do? ButtonAlien The ButtonAlien Stack allows you to create both simple and advanced CSS3 buttons. Change background color, add an icon, add advanced css3 attributes. Menu - How to? How to create a hover menu… with Stacks 2 Very simple… you see the 6 simple buttons on top? They are created with the the Fill Mode: Float and a fixed width - and then the buttons has been dropped to a 1 column stack. This way - it's super simple to add a new menu item to your customized menu. Even if you have to add a menu item in the middle of the menu. Browsers Internet Explorer 7 and 8 - oh no... CSS3… are for CSS3 browsers like Google Chrome, Firefox, Safari, IE9. The button will work alright - but without the advanced CSS3 features. IE7 and IE8. But you can create some cool buttons - you just have to be a little creative and create some cool unique graphic… for your image and hover image. I'll create some more examples… sooooooon. Demos Simple menu without any graphic Download the demo here. Works really simple… Stacks 2 does all the hard work. Look at the Info Pane (HUD). All the buttons has Fill Mode: Float and a width depending on the text. Really simple. Maintaining two - you just drag the 'menu items' around. Download the stack here. |
|
Settings Link Styling Start by creating a link… and watch the Alien come alive! Color Style background and links with color. Image Add images - either repeated / tillable images as button background or choose no-repeat to add an icon to your button. CSS3 These advanced settings only have effect in CSS3 browsers like Firefox, Google Chrome, Safari and IE9 and above. Define shape, shadow, add border, border color and margin (if you use an outside shadow) Add CSS3 Effects - or… try some of your own css3 stuff. Watch out… no typos. End Custom Css with a semicolon ; |
