Interactive Wednesday: JQuery ThemeRoller

theme roller

I’m teaching with Dreamweaver CC this semester for the first time. New to Adobe’s update is a JQuery widget (in lieu of Spry). I have used a little JQuery here or there, sliders, or whatever, that were pretty easy to copy/paste/implement. So this new widget in DW means I have to really learn at least a little more about JQuery. I know, I’m late to this party, but as always: you learn what you have to learn on a project basis. So, with a little clicking around, I discovered that you can create your own theme (which you can then apply by adding a single line of code to the head area of the HTML doc) by using the JQuery ThemeRoller.

Before building a custom theme, try the ones already available:

  1. Choose a theme from the list in the “Gallery” area of the ThemeRoller.
  2. Add this line of code to the head area of your HTML doc, substituting “Redmond” for the name of the theme you like:

open-angle-bracket link href=”http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/Redmond/jquery-ui.css” rel=”stylesheet” type=”text/css” /close-angle-bracket

Or, build your theme on the ThemeRoller, then follow directions from that page to implement your creation.

Booyah!

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

You must be logged in to post a comment.

 
WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera