Assigning custom classes to the HTML elements


show more Assigning custom classes to the HTML elements 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 ...

Assigning custom classes to the HTML elements

Now to be able to lock onto individual tabs and panels, to custom style them, we're going to need to add some classes onto those items. So in Dreamweaver, in your index.html file, let's come over to Code view, let's scroll up to the top of the document, and let's add some custom classes onto individual items. So first, let's start with the individual tabs. So for the very first span, which is for the iPad course, inside of span, let's add class=ipad.

Let's arrow over to the span for Video, space, add a class of video, and then lastly let's come over to the span for Photography and add a class of photo. So now we have a custom class on each tab. Let's scroll down inside of the panel_container, inside of panels, and let's find each individual panel. So for class panel for the first one, hit a space.

Let's add a second-class onto here called ipad. Let's scroll down. Let's find the second one. This one is video. Then let's sc...

Assigning custom classes to the HTML elements
Video duration: 1m 24s 1h 6m Intermediate

Viewers:

Assigning custom classes to the HTML elements 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 ...