Team:KULeuven/Sandbox/Design2

From 2009.igem.org

(Difference between revisions)
(New page: <html> <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" ty...)
 
(7 intermediate revisions not shown)
Line 16: Line 16:
ddsmoothmenu.init({
ddsmoothmenu.init({
-
mainmenuid: "smoothmenu1", //menu DIV id
+
mainmenuid: "smoothmenu2", //menu DIV id
-
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
+
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
-
classname: 'ddsmoothmenu', //class added to menu's outer DIV
+
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
Line 24: Line 24:
</script>
</script>
-
<div id="smoothmenu1" class="ddsmoothmenu">
+
<div id="smoothmenu2" class="ddsmoothmenu-v">
-
<ul>
+
</html>
-
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
+
* [[Team:KULeuven/Sandbox/Design2/Test 1|Test 1]]
-
<li><a href="#">Folder 0</a>
+
* [[Team:KULeuven/Sandbox/Design2/Test 2|Test 2]]
-
  <ul>
+
** [[Team:KULeuven/Sandbox/Design2/Test 2.1|Test 2.1]]
-
  <li><a href="#">Sub Item 1.1</a></li>
+
** [[Team:KULeuven/Sandbox/Design2/Test 2.2|Test 2.2]]
-
  <li><a href="#">Sub Item 1.2</a></li>
+
*** [[Team:KULeuven/Sandbox/Design2/Test 2.2.1|Test 2.2.1]]
-
  <li><a href="#">Sub Item 1.3</a></li>
+
**** [[Team:KULeuven/Sandbox/Design2/Test 2.2.1.1|Test 2.2.2.1]]
-
  <li><a href="#">Sub Item 1.4</a></li>
+
**** [[Team:KULeuven/Sandbox/Design2/Test 2.2.1.2|Test 2.2.1.2]]
-
  <li><a href="#">Sub Item 1.2</a></li>
+
*** [[Team:KULeuven/Sandbox/Design2/Test 2.2.2|Test 2.2.2]]
-
  <li><a href="#">Sub Item 1.3</a></li>
+
* [[Team:KULeuven/Sandbox/Design2/Test 3|Test 3]]
-
  <li><a href="#">Sub Item 1.4</a></li>
+
<html>
-
  </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>

Latest revision as of 08:59, 7 September 2009