Online CSS Web2.0 Template Generator

It’s already been a couple of days ago that I released the new and improved background image and gradient creators. I haven’t found the time to get you updated on these, though. Untill now

I’d like to start with a couple of images for you to see these great changes:

The new Page Background Creator:

The page background creator can be used to generate header, center and footer images as background-slices for different parts of your website template. You can use a border and/or shadow to add a nice glow or shadow around the contents of your style. Additionally you can set an image of your choice as inner image. This selected image will be fit into the slice you want to create. Alternatively you can fill the inner part of your background slice with a web 2.0 gradient or with just a solid color.

Instead of header, center or footer slices you can also choose to generate a complete rectangle with the same features and options as the single slices.

The new Web 2.0 Gradient Creator:

The web 2.0 background creator allows you to easily generate modern gradients in the current web 2.0 style. You can set 6 different gradient shapes: Curve, Bar, Up-Bar, Down-Bar, Up-Down-Bar and Down-Up-Bar. Additionally you can set the color and width/height of the gradient.

The new Background Gradient Creator:

The gradient creator allows you to generate 2 color gradients with the click of a mouse. This creator’s features many different gradient modes/directions such as linear, diagonal, rectangle, diamond, circle and elipse. Again you can set the width/height of the gradient as well as the start color and the final color.

Another new screencast about the iStylr. This time you can learn how to use the css background gradient creator to ramp up your design. (No Sound)