Implementing a Website in Cascading Style Sheets (CSS)

Open to All

The California standards are well-considered.

The templates are great and very adjustable.

Available for you to learn from, borrow from and use.

Right Column

Tab Panel Module

http://www.webtools.ca.gov/Downloads/Tab_Panel_Module/default.asp

• Image + three-tabs + two columns per panel
• Download at: http://www.webtools.ca.gov/Downloads/zip/tabpanel_module.zip

1. Download the files and unzip
2. Copy the code in tabpanel.css to /css/ca_department.css.
3. Copy images into images/ca_department folder.
   1. tabpanel_corners.gif
   2. tabpanel_tabs.gif
   3. tabpanel_photo.jpg
4. Copy the code in tabpanel.js to /javascript/department.js.
5. Copy the code in tabpanel.html to your html file (where you want it to show up)
6. Customize it with your headings, links, and images

Information About

• Tabpanel A
  • Link A 1
  • Link A 2
  • Link A 3
  • Link A 4
  • Link A 5
  • Link A 6
  • Link A 7
  • Link A 8
• Tabpanel B
  • Link B 1
  • Link B 2
  • Link B 3
  • Link B 4
  • Link B 5
  • Link B 6
  • Link B 7
  • Link B 8
• Tabpanel C
  • Link C 1
  • Link C 2
  • Link C 3
  • Link C 4
  • Link C 5
  • Link C 6
  • Link C 7
  • Link C 8

 

• Other Adjustments and variations online at http://www.webtools.ca.gov/Downloads/
  • One Column
  • Change height
  • Remove image
  • Change image width