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=" | + | <ul> |
- | <li><a href=" | + | |
- | <li><a href=" | + | <li><a href="http://www.free-css.com/"><span>CSS Templates</span></a></li> |
- | <li><a href=" | + | |
- | <li><a href=" | + | <li><a href="http://www.free-css.com/"><span>CSS Layouts</span></a></li> |
- | <li><a href=" | + | |
- | <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> |