Adding Spry effects


show more Adding Spry effects provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS6 Essential Training show less
please wait ...

Adding Spry effects

The default styles for SpryWidgets are typically very generic and while they're designed so that they won't exactly ruin a layout, it's doubtful you'll ever have a situation where you don't want to modify them, at least a little. Fortunately, Adobe has made that extremely easy to do. So I have the graphic-design file open here from 11_04 directory, and before we start styling our SpryWidget I want to go over the structure just a little bit. So if I click inside one of these panels, I am going to switch over to a split screen view so we can see what's going on here. You can see that each one of these panels is a div with a class of TabbedPanelsContent.

Inside that is a group of them called TabbedPanelsContentGroup, and then the tabs themselves have the very aptly named TabbedPanelsTab class and then the whole thing is sort of wrapped in this TabbedPanels1 id or TabbedPanel. So it's just a series of nested div tags and lists that have specific class names applied...

Adding Spry effects
Video duration: 8m 1s 9h 24m Beginner

Viewers:

Adding Spry effects provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS6 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...