Template:Team:Groningen/sandboxHeader

From 2010.igem.org

(Difference between revisions)
(Undo revision 53728 by Joelkuiper (Talk))
Line 26: Line 26:
<link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overallSandbox.css">
<link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overallSandbox.css">
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
 +
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.droplinemenu.js"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 35: Line 36:
$(function () {
$(function () {
-
$("ul#topnav li").hover(function() { //Hover over event on list item
+
    droplinemenu.buildmenu("droplinetabs1")
-
$(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item
+
-
$(this).find("span").show(); //Show the subnav
+
-
} , function() { //on hover out...
+
-
$(this).css({ 'background' : 'none'}); //Ditch the background
+
-
$(this).find("span").hide(); //Hide the subnav
+
-
});
+
-
 
+
});
});
Line 56: Line 50:
<div id="contentWrapper">
<div id="contentWrapper">
<div class='tabbed_content'>
<div class='tabbed_content'>
-
    <ul id="topnav">
+
<div id="droplinetabs1" class="droplinetabs">
-
        <li><a href="#">Home</a></li>
+
<ul>
-
        <li>
+
<li><a href="http://www.dynamicdrive.com/"><span>Home</span></a></li>
-
 
+
<li><a href="http://www.dynamicdrive.com/style/"><span>CSS Examples</span></a>
-
            <a href="#">About</a>
+
  <ul>
-
            <span>
+
  <li><a href="#">Activities 1</a></li>
-
                <a href="#">The Company</a> |
+
  <li><a href="#">Activities 2</a></li>
-
                <a href="#">The Team</a> |
+
  <li><a href="#">Activities 3</a>
-
                <a href="#">Careers</a>
+
  <ul>
-
            </span>
+
  <li><a href="#">Water Sports 1</a></li>
-
        </li>
+
  <li><a href="#">Water Sports 1</a></li>
-
 
+
  <li><a href="#">Water Sports 1</a></li>
-
        <li>
+
  <li><a href="#">Water Sports 1</a></li>
-
            <a href="#">Services</a>
+
  </ul>
-
            <span>
+
</li>
-
                <a href="#">What We Do</a> |
+
  <li><a href="#">Activities 4</a></li>
-
                <a href="#">Our Process</a> |
+
  </ul>
-
                <a href="#">Testimonials</a>
+
</li>
-
            </span>
+
<li><a href="http://tools.dynamicdrive.com"><span>Tools</span></a></li>
-
 
+
<li><a href="http://www.javascriptkit.com/"><span>JavaScript</span></a>
-
        </li>
+
  <ul>
-
        <li>
+
  <li><a href="#">Traveling 1</a></li>
-
            <a href="#">Portfolio</a>
+
  <li><a href="#">Traveling 2</a></li>
-
            <span>
+
  <li><a href="#">Traveling 3</a></li>
-
                <a href="#">Web Design</a> |
+
  <li><a href="#">Traveling 4</a>
-
                <a href="#">Development</a> |
+
  <ul>
-
                <a href="#">Identity</a> |
+
  <li><a href="#">Africa 1</a></li>
-
                <a href="#">SEO &amp; Internet Marketing</a> |
+
  <li><a href="#">Africa 2</a></li>
-
                <a href="#">Print Design</a>
+
  <li><a href="#">Africa 3</a></li>
-
 
+
  <li><a href="#">Africa 4</a>
-
            </span>
+
  <ul>
-
        </li>
+
  <li><a href="#">Kenya 1</a></li>
-
        <li><a href="#">Contact</a></li>
+
  <li><a href="#">Kenya 2</a></li>
-
    </ul>
+
  <li><a href="#">Kenya 3</a></li>
-
 
+
  <li><a href="#">Kenya 4</a></li>
 +
  <li><a href="#">Kenya 5</a></li>
 +
  </ul>
 +
</li>
 +
  </ul>
 +
</li>
 +
  <li><a href="#">Traveling 5</a></li>
 +
  </ul>
 +
</li>
 +
<li><a href="http://www.cssdrive.com"><span>Gallery</span></a></li>
 +
</ul>
</div>
</div>

Revision as of 09:32, 20 August 2010