User:Vinoo/2014Design6
From 2014.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | < | + | <style type="text/css"> |
- | + | #loginBar { | |
- | + | width: 100%; | |
- | + | height: 18px; | |
- | + | 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() { |
- | + | ||
- | + | ||
- | + | ||
}); | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 20:32, 27 January 2014