Join James Williamson for an in-depth discussion in this video Styling Sliding Panels content, part of Dreamweaver CS3 Projects: Creating Custom Spry Widgets.
Currently the Sliding Panels are being styled by a combination of existing styles and the external Spry asset CSS.…In this movie we'll add some local styling to make sure our panel groups look the way they're supposed to. Although we'll use…embedded styles for the purpose of this exercise, you might want to externalize these styles in your own projects so you…can reproduce the widget styling faithfully throughout your site.…So I've got the details_start HTML file opened up and I found that in the Chapter 8 directory. So go to Chapter 8, if you're…following along with me in the exercise files and open up details_start.…
Now I'm just going to switch over to Code View,…and I'll go ahead and hide my panels so again I get a little bit more space for my code.…And I can see that I already have some embedded styles. I have of a section of thumbnail formatting.…And I have a section of parent container formatting and that is the DIV tag that surrounds our Sliding Panels…but doesn't really have anything to do with their functionality. So I'm going to start here.…
- Examining the Spry framework
- Finding information on customizing Spry assets
- Defining page structure
- Modifying presentation through CSS