root/devel/mod/profile/tabber/example.html

Revision 873, 1.3 kB (checked in by ben, 2 years ago)

Profiles can now have categories for editing (for viewing will come later). By default, profile items are of category "Main". TODO: convert current profile items to the new data structure style.

Line 
1 <!-- $Id: example.html,v 1.4 2006/03/27 02:44:36 pat Exp $ -->
2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3 <html lang="en">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
6 <title>Simple Tabber Example</title>
7
8 <script type="text/javascript" src="tabber.js"></script>
9 <link rel="stylesheet" href="example.css" TYPE="text/css" MEDIA="screen">
10 <link rel="stylesheet" href="example-print.css" TYPE="text/css" MEDIA="print">
11
12 <script type="text/javascript">
13
14 /* Optional: Temporarily hide the "tabber" class so it does not "flash"
15    on the page as plain HTML. After tabber runs, the class is changed
16    to "tabberlive" and it will appear. */
17
18 document.write('<style type="text/css">.tabber{display:none;}<\/style>');
19 </script>
20
21 </head>
22 <body>
23
24 <h1>Tabber Example</h1>
25
26 <p>&larr; <a href="http://www.barelyfitz.com/projects/tabber/">Tabber Home</a></p>
27
28 <div class="tabber">
29
30      <div class="tabbertab">
31           <h2>Tab 1</h2>
32           <p>Tab 1 content.</p>
33      </div>
34
35
36      <div class="tabbertab">
37           <h2>Tab 2</h2>
38           <p>Tab 2 content.</p>
39      </div>
40
41
42      <div class="tabbertab">
43           <h2>Tab 3</h2>
44           <p>Tab 3 content.</p>
45      </div>
46
47 </div>
48
49 </body>
50 </html>
Note: See TracBrowser for help on using the browser.