Team:Freiburg software/Templates/Nav

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html><head><style>
 +
#tabs {
 +
float:left;
 +
width:100%;
 +
background:#efefef;
 +
font-size:93%;
 +
line-height:normal;
 +
border-bottom:1px solid #666;
 +
}
 +
#tabs ul {
 +
margin:0;
 +
padding:10px 10px 0 50px;
 +
list-style:none;
 +
}
 +
#tabs li {
 +
display:inline;
 +
margin:0;
 +
padding:0;
 +
}
 +
#tabs a {
 +
float:left;
 +
background:url("https://static.igem.org/mediawiki/2009/6/6e/Freiburg09_MenuItem_tableft.png") no-repeat left top;
 +
margin:0;
 +
padding:0 0 0 12px;
 +
text-decoration:none;
 +
}
 +
#tabs a span {
 +
float:left;
 +
display:block;
 +
background:url("https://static.igem.org/mediawiki/2009/0/04/Freiburg09_MenuItem_tabright.png") no-repeat right top;
 +
padding:5px 15px 12px 6px;
 +
color:#FFF;
 +
}
 +
/* Commented Backslash Hack hides rule from IE5-Mac \*/
 +
#tabs a span {float:none;}
 +
/* End IE5-Mac hack */
 +
#tabs a:hover span {
 +
color:#FFF;
 +
}
 +
#tabs a:hover {
 +
background-position:0% -42px;
 +
}
 +
#tabs a:hover span {
 +
background-position:100% -42px;
 +
}
 +
</style>
 +
</head>
 +
<body>
<div id="tabs">
<div id="tabs">
-
<ul>
+
 
-
<li><a href="#">CSS Templates</a></li>
+
  <ul>
-
<li><a href="#"><span>CSS Layouts</span></a></li>
+
 
-
<li><a href="#"><span>CSS Books</span></a></li>
+
    <li><a href="http://www.free-css.com/"><span>CSS Templates</span></a></li>
-
<li><a href="#"><span>CSS Menus</span></a></li>
+
 
-
<li><a href="#"><span>CSS Tutorials</span></a></li>
+
    <li><a href="http://www.free-css.com/"><span>CSS Layouts</span></a></li>
-
<li><a href="#"><span>CSS Reference</span></a></li>
+
 
-
<li><a rel="nofollow" target="_blank" href="http://www.exploding-boy.com/" title="explodingboy"><span>explodingboy</span></a></li>
+
    <li><a href="http://www.free-css.com/"><span>CSS Books</span></a></li>
-
</ul>
+
 
 +
    <li><a href="http://www.free-css.com/"><span>CSS Menus</span></a></li>
 +
 
 +
    <li><a href="http://www.free-css.com/"><span>CSS Tutorials</span></a></li>
 +
 
 +
    <li><a href="http://www.free-css.com/"><span>CSS Reference</span></a></li>
 +
 
 +
    <li><a rel="nofollow" target="_blank" href="http://www.exploding-boy.com/" title="explodingboy"><span>explodingboy</span></a></li>
 +
 
 +
  </ul>
 +
 
</div>
</div>
 +
</body>

Revision as of 10:50, 17 October 2009