How do I work with widgets? Here’s what I’ve got so far:
<html>
<head>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1");
google.load("jqueryui", "1");
</script>
</head>
<body>
<div class="ui-widget">
<div class="ui-widget-header">
header
</div>
<div class="ui-widget-content">
content
</div>
</div>
</body>
</html>
I’m trying to make a nice little div with a shaded header.
All you need added to your current code is the stylesheet to make those lovely classes have some meaning, like this:
Here’s your example with that theme (dot-luv)
For other themes, look at this question, just change the version number in the url from
1.7.0to current, which is1.8as of this answer time. Alternatively, you can design your own theme in ThemeRoller and point to that stylesheet 🙂