| 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml" > |
|---|
| 3 | <head> |
|---|
| 4 | <title>BreadCrumbs Test</title> |
|---|
| 5 | <link rel="stylesheet" href="css/breadcrumbs.css" type="text/css" media="all" /> |
|---|
| 6 | <script src="js/prototype.js" type="text/javascript"></script> |
|---|
| 7 | <script src="js/scriptaculous.js" type="text/javascript"></script> |
|---|
| 8 | <script src="js/breadcrumbslist.js" type="text/javascript"></script> |
|---|
| 9 | <script src="js/crumb.js" type="text/javascript"></script> |
|---|
| 10 | <script src="js/breadcrumbs.js" type="text/javascript"></script> |
|---|
| 11 | </head> |
|---|
| 12 | <body> |
|---|
| 13 | <h1>Breadcrumb example</h1> |
|---|
| 14 | <ul id="breadcrumb" class="breadcrumbs"> |
|---|
| 15 | <li><a href="#" title="Home"><img src="images/home.png" alt="Home" class="home" /></a></li> |
|---|
| 16 | <li><a href="#" title="Sample page 1" rel="samplepage1"> Sample page 1</a></li> |
|---|
| 17 | <li><a href="#" title="Sample page 2"> Sample page 2</a></li> |
|---|
| 18 | <li><a href="#" title="Sample page 3"> Sample page 3</a></li> |
|---|
| 19 | <li><a href="#" title="Sample page 4"> Sample page 4</a></li> |
|---|
| 20 | <li><a href="#" title="Sample page 5"> Sample page 5</a></li> |
|---|
| 21 | <li><a href="#" title="Sample page 6"> Sample page 6</a></li> |
|---|
| 22 | <li><a href="#" title="Sample page 7"> Sample page 7</a></li> |
|---|
| 23 | <li><a href="#" title="Sample page 8"> Sample page 8</a></li> |
|---|
| 24 | <li><a href="#" title="Sample page 9"> Sample page 9</a></li> |
|---|
| 25 | <li><a href="#" title="Sample page 10"> Sample page 10</a></li> |
|---|
| 26 | <li><a href="#" title="Sample page 11"> Sample page 12</a></li> |
|---|
| 27 | <li><a href="#" title="Sample page 12"> Sample page 13</a></li> |
|---|
| 28 | <li><a href="#" title="Sample page 13"> Sample page 14</a></li> |
|---|
| 29 | <li><a href="#" title="Sample page 14"> Sample page 15</a></li> |
|---|
| 30 | <li><a href="#" title="Sample page 15"> Sample page 16</a></li> |
|---|
| 31 | <li><a href="#" title="Sample page 16"> Sample page 17</a></li> |
|---|
| 32 | <li><a href="#" title="Sample page 17"> Sample page 18</a></li> |
|---|
| 33 | <li><a href="#" title="Sample page 18"> Sample page 19</a></li> |
|---|
| 34 | <li><a href="#" title="Current page" class="last">Current page</a></li> |
|---|
| 35 | </ul> |
|---|
| 36 | <ul id="breadcrumbshort" class="breadcrumbs"> |
|---|
| 37 | <li><a href="#" title="Home"><img src="images/home.png" alt="Home" class="home" /></a></li> |
|---|
| 38 | <li><a href="#" title="Sample page 1">Sample page 1</a></li> |
|---|
| 39 | <li><a href="#" title="Sample page 2">Sample page 2</a></li> |
|---|
| 40 | <li><a href="#" title="Sample page 3">Sample page 3</a></li> |
|---|
| 41 | <li><a href="#" title="Sample page 4">Sample page 4</a></li> |
|---|
| 42 | <li><a href="#" title="Current page" class="last">Current page</a></li> |
|---|
| 43 | </ul> |
|---|
| 44 | |
|---|
| 45 | <ul id="samplepage1" class="breadcrumblist"> |
|---|
| 46 | <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li> |
|---|
| 47 | <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li> |
|---|
| 48 | <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li> |
|---|
| 49 | <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li> |
|---|
| 50 | <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li> |
|---|
| 51 | <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a></li> |
|---|
| 52 | <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li> |
|---|
| 53 | </ul> |
|---|
| 54 | |
|---|
| 55 | </body> |
|---|
| 56 | </html> |
|---|
