Dreamweaver Interior Layouts: Style Spry Accordion Panels


show more Styling Spry accordion panels provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Layouts with CSS in Dreamweaver show less
please wait ...

Styling Spry accordion panels

When I first heard the term accordion panels I thought, what, they play music? Sadly, my fantasy did not come true. Instead accordion panels are a wonderful addition to the designer's layout palette that can hold a great deal of content in a concentrated space. Let me show you one example of highly stylized accordion panels. That's on this page here in the Our Services area. If you click on any of the titles each of the panels fly up with a little animation and expose the content.

When you hover over labels they change its background color and it becomes bold. These particular accordion panels are based on Adobe's Spry framework and in this video I'll show you how I styled them to fit perfectly in my site as an example of how you can integrate accordion panels into yours. So let me close out this index.htm and show you this index.htm and if you scroll down a bit you'll notice that there are no accordion panels yet installed. We're going to do that right away. So if...

Styling Spry accordion panels
Video duration: 6m 54s 3h 33m Intermediate

Viewers:

Styling Spry accordion panels provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Layouts with CSS in Dreamweaver

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