A–C
D–H
I–Z
Developer services
Project centers
Community resources
- Adobe Cookbooks (share code)
- CSS Advisor (browser bug fixes)
- Exchanges (share components)
- Adobe Labs
- Adobe Open Source
- Forums
- RSS feeds
- Bug base
- User groups
- Adobe Community Experts (ACE)
- Developer events
Integration
Product documentation
Downloads
Samples
Training and books
- Online training
- Classroom training
- Certification
- Adobe Developer Library
- Adobe Press
- Safari Books Online
Newsletters
Blogs
Archives
ADC program
Additional resources
Chris Converse
Table of Contents
Applying design to Spry widgets
The beauty of Spry and Adobe Dreamweaver is that adding Spry widgets to your page takes only a few seconds. Once you add a widget, Dreamweaver adds the necessary JavaScript and CSS files to make the magic happen. Given access to these files, especially the CSS, you can then customize the design using nothing more than CSS and some graphics.
We at Codify Design Studio have put together some themes—based entirely on the Spry markup and CSS rules—that you can use as is, or modify in your web projects. We also provide the sliced Adobe Photoshop files, so you can update the designs in a snap.
Requirements
In order to make the most of this article, you need the following software and files:
Dreamweaver CS4
Sample files:
- spry_theme_01.zip (ZIP, 2 MB)
- spry_theme_02.zip (ZIP, 423 KB)
- spry_theme_03.zip (ZIP, 474 KB)
- spry_theme_04.zip (ZIP, 636 KB)
- spry_theme_05.zip (ZIP, 2.5 MB)
- spry_theme_06.zip (ZIP, 719 KB)
- spry_theme_07.zip (ZIP, 2.15 MB)
Prerequisite knowledge
Familiarity with HTML, CSS, and either Adobe Photoshop or Adobe Fireworks.
About the author
Chris Converse is a graphic designer and multimedia developer specializing in websites, interactive media, print, and CD-ROMs. Chris is the co-founder of Codify Design Studio, which specializes in both graphic design and the technologies that bring the design to life across mediums.
