|
|
(15 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Team:KULeuven/Stylesheet2}} |
| <html> | | <html> |
- | <link rel="stylesheet" type="text/css" href="https://2009.igem.org/wiki/index.php?title=Team:KULeuven/Sandbox/ddsmoothmenu_css&action=raw" /> | + | <link rel="stylesheet" type="text/css" href="https://2009.igem.org/wiki/index.php?title=Team:KULeuven/Sandbox/ddsmoothmenu_css&action=raw&ctype=text/css" /> |
- | <link rel="stylesheet" type="text/css" href="https://2009.igem.org/wiki/index.php?title=Team:KULeuven/Sandbox/ddsmoothmenu_v_css&action=raw" /> | + | <link rel="stylesheet" type="text/css" href="https://2009.igem.org/wiki/index.php?title=Team:KULeuven/Sandbox/ddsmoothmenu_v_css&action=raw&ctype=text/css" /> |
| | | |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> | | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> |
Line 13: |
Line 14: |
| | | |
| </script> | | </script> |
- |
| |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| | | |
Line 23: |
Line 23: |
| contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] | | contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] |
| }) | | }) |
- |
| |
- | ddsmoothmenu.init({
| |
- | mainmenuid: "smoothmenu2", //Menu DIV id
| |
- | orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
| |
- | classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
| |
- | //customtheme: ["#804000", "#482400"],
| |
- | contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
| |
- | })
| |
- |
| |
| </script> | | </script> |
| + | <div id="header"> |
| + | <div id="title">Essencia coli</div> |
| + | <div id="slogan">the story of a self-regulating bacterium</div> |
| + | <div id="smoothmenu1" class="ddsmoothmenu"> |
| </html> | | </html> |
- | | + | * [[Overview|Project]] |
- | | + | ** [[Overview]] |
| + | *** [[Blue Light Receptor]] |
| + | *** [[Vanillin Receptor]] |
| + | *** [[Vanillin Production]] |
| + | *** [[Key/AntiKey/Lock]] |
| + | ** [[Results]] |
| + | ** [[Notebook]] |
| + | ** [[Ethics]] |
| + | * [[Team|About Us]] |
| + | ** [[Team]] |
| + | ** [[University]] |
| + | ** [[Acknowledgements]] |
| + | ** [[Pictures]] |
| + | * [[Leave A Message]] |
| <html> | | <html> |
- | <h2>Example 1</h2>
| |
- |
| |
- | <div id="smoothmenu1" class="ddsmoothmenu">
| |
- | <ul>
| |
- | <li><a href="http://www.dynamicdrive.com">Item 1</a></li>
| |
- | <li><a href="#">Folder 0</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 1.1</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Folder 1</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 1.1</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Item 3</a></li>
| |
- | <li><a href="#">Folder 2</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 2.1</a></li>
| |
- | <li><a href="#">Folder 2.1</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 2.1.1</a></li>
| |
- | <li><a href="#">Sub Item 2.1.2</a></li>
| |
- | <li><a href="#">Folder 3.1.1</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 3.1.1.1</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.2</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.3</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.4</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.5</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Sub Item 2.1.4</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
| |
- | </ul>
| |
- | <br style="clear: left" />
| |
| </div> | | </div> |
- |
| |
- |
| |
- | <h2 style="margin-top:200px">Example 2</h2>
| |
- |
| |
- | <div id="smoothmenu2" class="ddsmoothmenu-v">
| |
- | <ul>
| |
- | <li><a href="http://www.dynamicdrive.com">Item 1</a></li>
| |
- | <li><a href="#">Folder 0</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 1.1</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Folder 1</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 1.1</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | <li><a href="#">Sub Item 1.2</a></li>
| |
- | <li><a href="#">Sub Item 1.3</a></li>
| |
- | <li><a href="#">Sub Item 1.4</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Item 3</a></li>
| |
- | <li><a href="#">Folder 2</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 2.1</a></li>
| |
- | <li><a href="#">Folder 2.1</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 2.1.1</a></li>
| |
- | <li><a href="#">Sub Item 2.1.2</a></li>
| |
- | <li><a href="#">Folder 3.1.1</a>
| |
- | <ul>
| |
- | <li><a href="#">Sub Item 3.1.1.1</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.2</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.3</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.4</a></li>
| |
- | <li><a href="#">Sub Item 3.1.1.5</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="#">Sub Item 2.1.4</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="http://www.dynamicdrive.com/style/">Item 4</a></li>
| |
- | </ul>
| |
- | <br style="clear: left" />
| |
| </div> | | </div> |
| </html> | | </html> |