User:Vinoo/2014Design6

From 2014.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<meta charset="utf-8" />
+
<style type="text/css">
-
<title>Demo</title>
+
#loginBar {
-
</head>
+
width: 100%;
-
<body>
+
height: 18px;
-
<a href="http://jquery.com/">jQuery</a>
+
background-color: #000;
 +
color: #f0f0f0;
 +
border-bottom: 2px solid #666;
 +
}
 +
#barLinks, #userLinks {
 +
display: inline-block;
 +
margin: 0px;
 +
}
 +
#userLinks {
 +
float: right;
 +
}
 +
#barLinks li, #userLinks li {
 +
display: table-cell;
 +
padding: 0px 30px;
 +
}
 +
.dropMenu {
 +
position: absolute;
 +
left: 0px;
 +
width: 100%;
 +
height: 100px;
 +
background-color: #333;
 +
}
 +
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 +
</head>
 +
<header>
 +
<nav id="loginBar">
 +
<ul id="barLinks">
 +
<li class="dropToggle">iGEM
 +
<div class="dropMenu"></div>
 +
</li>
 +
<li>wiki tools</li>
 +
<li>search</li>
 +
<li>team info</li>
 +
</ul>
 +
<ul id="userLinks">
 +
<li>login</li>
 +
<li>icon1</li>
 +
<li>icon2</li>
 +
</ul>
 +
</nav>
 +
</header>
 +
<script>
<script>
-
$( document ).ready(function() {
+
$(document).ready(function() {
-
$( "a" ).click(function( event ) {
+
 
-
alert( "Thanks for visiting!" );
+
-
});
+
});
});
</script>
</script>
</body>
</body>
</html>
</html>

Revision as of 20:32, 27 January 2014