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 widget CSS

It's time for us to improve the visual appearance of our widget. We'll start by creating some widget-specific styles:

  1. Edit the index.html file created earlier and replace the content with the following:
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Theming Custom Widgets</title> <link href="http://jqueryui/development-bundle/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" /> <link href="http://jquery.ui.inbox.css" rel="stylesheet" type="text/css" /> <script src="jqueryui/js/jquery-1.5.x.min.js" type="text/javascript"></script> <script src="jqueryui/js/jquery-ui-1.8.x.custom.min.js" type="text/javascript"></script> <script src="jquery.ui.inbox.js" type="text/javascript"></script> <script src="index.js" ...

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