Adding CSS rules for remaining panels


show more Adding CSS rules for remaining panels provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver show less
please wait ...

Adding CSS rules for remaining panels

Now to style the remaining two panels I have all of those CSS rules in a code snippet. So in Dreamweaver, let's come out of Live view or come out of Preview in Browser. Let's come up to the File menu, choose Open. From the Exercise Files, let's go into folder 2 and open up B-panel-styles.css. So inside here, I have a whole bunch of CSS rules that target the ipad course panel and the photo course panel. So let's come in here and copy all of these rules.

Let's move over to sliding_panels.css, let's scroll down to the bottom of the document, and let's paste in all of these remaining rules. Let's come back to index.html. Let's choose File > Save All and again, either Preview in Browser or you can use Live View. Now you'll see that each one of these items has custom design for both the selected tab, the background graphics, the actual style and placement of the content, and the links down at the bottom. So here's Photography, here'...

Adding CSS rules for remaining panels
Video duration: 1m 31s 1h 6m Intermediate

Viewers:

Adding CSS rules for remaining panels provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver

Subjects:
Developer Web
Software:
Dreamweaver jQuery
Author:
please wait ...