Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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's Video, and here is the iPad course.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 100089 Viewers
56 Video lessons · 113132 Viewers
71 Video lessons · 81994 Viewers
131 Video lessons · 39340 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.