O'Reilly logo

jQuery UI Themes Beginner's Guide by Adam Boduch

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action - creating new icons

It's now time for us to create new icons for our theme. The first step is to update the sprite image files. The second step is to add new icon classes to the theme CSS.

For this example, I'm adding one new icon to my theme. I need a new simple shape - a diamond. This new icon is illustrated as follows:

Time for action - creating new icons

You can use any image you like for this example. The only restrictions are that the image needs have a dimension of 16x16 pixels:

  1. Open GIMP and create a new image by selecting File | New as illustrated in the following screenshot:
  2. In the new image dialog, set the image dimensions to a width of 256 pixels and a height ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required