Team:TU Delft/menu test

From 2010.igem.org

(Difference between revisions)

@@ Line 1: / Line 1: @@
 <html>
+<style>
+a:hover {
+text-decoration: none;
+}
+#navlist {
+margin: 0;
+padding: 0;
+margin-left: 8px;
+}
+#navlist li {
+display: block;
+list-style-type: none;
+float:left;
+padding: 0;
+margin: 0;
+}
+.menu_button {
+display:block;
+color: #fff;
+border: none;
+background-repeat: none;
+height:45px;
+cursor: pointer;
+}
+.menu_button_home {
+background-image: url(https://static.igem.org/mediawiki/2010/0/0f/Home_off.png);
+width:115px;
+}
+.menu_button_home_sel { background-image: url(https://static.igem.org/mediawiki/2010/8/8a/Home_on.png); }
+.menu_button_blog {
+background-image: url(https://static.igem.org/mediawiki/2010/a/a0/Blog_off.png);
+width:118px;
+margin-left:-15px;
+}
+.menu_button_blog_sel {background-image: url(https://static.igem.org/mediawiki/2010/0/0d/Blog_on.png);}
+.menu_button_competition  {
+background-image: url(https://static.igem.org/mediawiki/2010/a/a5/Competition_off.png);
+width:148px;
+margin-left:-15px;
+}
+.menu_button_competition_sel { background-image: url(https://static.igem.org/mediawiki/2010/e/e0/Competition_on.png);}
+.menu_button_background {
+background-image: url(https://static.igem.org/mediawiki/2010/b/bb/Background_off.png);
+width:156px;
+margin-left:-15px;
+}
+.menu_button_background_sel {background-image: url(https://static.igem.org/mediawiki/2010/f/f2/Background_on.png); }
+.menu_button_project {
+background-image: url(https://static.igem.org/mediawiki/2010/c/ce/Project_off.png);
+width:119px;
+margin-left:-15px;
+}
+.menu_button_project_sel { background-image: url(https://static.igem.org/mediawiki/2010/3/3b/Project_on.png); }
+.menu_button_education  {
+background-image: url(https://static.igem.org/mediawiki/2010/d/df/Education_off.png);
+width:135px;
+margin-left:-15px;
+}
+.menu_button_education_sel { background-image: url(https://static.igem.org/mediawiki/2010/9/98/Education_on.png); }
+.menu_button_sponsors {
+background-image: url(https://static.igem.org/mediawiki/2010/f/f1/Sponsors_off.png);
+width:127px;
+margin-left:-15px;
+}
+.menu_button_sponsors_sel {  background-image: url(https://static.igem.org/mediawiki/2010/c/c5/Sponsors_on.png); }
+.menu_button_press {
+background-image: url(https://static.igem.org/mediawiki/2010/0/0b/Press_off.png);
+width:112px;
+margin-left:-15px;
+}
+.menu_button_press_sel { background-image: url(https://static.igem.org/mediawiki/2010/8/8a/Press_on.png); }
+</style>
 <ul id="navlist">
-<li class="home"><a href="https://2010.igem.org/Team:TU_Delft" title="Home">&nbsp;</a></li>
+<li><a class="menu_button menu_button_home" href="https://2010.igem.org/Team:TU_Delft" title="Home">&nbsp;</a></li>
-<li class="blog"><a href="https://2010.igem.org/Team:TU_Delft/blog" title="Blog">&nbsp;</a></li>
+<li><a class="menu_button menu_button_blog" href="https://2010.igem.org/Team:TU_Delft/blog" title="Blog">&nbsp;</a></li>
-<li class="competition"><a href="https://2010.igem.org/Team:TU_Delft/competition" title="Competition">&nbsp;</a></li>
+<li><a class="menu_button menu_button_competition" href="https://2010.igem.org/Team:TU_Delft/competition" title="Competition">&nbsp;</a></li>
-<li class="background"><a href="https://2010.igem.org/Team:TU_Delft/background" title="Background">&nbsp;</a></li>
+<li><a class="menu_button menu_button_background" href="https://2010.igem.org/Team:TU_Delft/background" title="Background">&nbsp;</a></li>
-<li class="project"><a href="https://2010.igem.org/Team:TU_Delft/project" title="Project">&nbsp;</a></li>
+<li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/project" title="Project">&nbsp;</a></li>
-<li class="education"><a href="https://2010.igem.org/Team:TU_Delft/education" title="Education">&nbsp;</a></li>
+<li><a class="menu_button menu_button_education" href="https://2010.igem.org/Team:TU_Delft/education" title="Education">&nbsp;</a></li>
-<li class="sponsors"><a href="https://2010.igem.org/Team:TU_Delft/sponsors" title="Sponsors">&nbsp;</a></li>
+<li><a class="menu_button menu_button_sponsors" href="https://2010.igem.org/Team:TU_Delft/sponsors" title="Sponsors">&nbsp;</a></li>
-<li class="press"><a href="https://2010.igem.org/Team:TU_Delft/press" title="Press">&nbsp;</a></li>
+<li><a class="menu_button menu_button_press" href="https://2010.igem.org/Team:TU_Delft/press" title="Press">&nbsp;</a></li>
 </ul>
-<script type="text/javascript">
+<style>
-$("#navlist > *").each (function() {
+.button_hover { background-color: #aaa; }
-  // load URL from link element
+</style>
-  var url = $(this).get(0).text();// attr("href");
-  alert(url);
-  // create normal div with click action
-//  $(this).text(url);
-});
-</script>
 </html>

Team:TU Delft/menu test

From 2010.igem.org

Latest revision as of 16:47, 7 June 2010