From the course: Dreamweaver CS6 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Adding Spry effects - Dreamweaver Tutorial
From the course: Dreamweaver CS6 Essential Training
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 to it. All the widgets…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.