Tab Panel 2013

tabpanel sample


Download (zip).

Copy tabpanel.css to the /css folder.

Copy tabpanel.js to the /javascript folder.

Copy bullet_blue_disc.png and nav_down_arrow.png to the /images/template2013 folder.
If you’re using the 2013 template, you’ll already have these two files.

Copy the HTML code from tabpanel.html to your webpage where you want the tabpanel to appear.

Copy these lines to the head of your webpage:

<link rel="stylesheet" href="/css/tabpanel.css" media="screen, projection, print, tv" type="text/css" />
<script type="text/javascript" src="/javascript/tabpanel.js"></script>

Customize the tabs and content with your own. You may also add or remove tabs.


Submit a Comment