Team:Korea U Seoul/template/banner

From 2013.igem.org

(Difference between revisions)
m (edit banner's height to 160px)
m (wikitest)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
<style>
/*
/*
Line 115: Line 117:
}     
}     
-
</style>
+
#header {
 +
        margin: -10px 0px 0px 0px;
 +
        wdth:975px;
 +
height:29px;
 +
background:#d8d3cd;
 +
position:relative;
 +
       
 +
}
 +
#nav {
 +
position:absolute;
 +
left: 0;
 +
bottom:0;
 +
}
 +
#nav ul, #nav li {
 +
margin:0;
 +
padding:0;
 +
}
 +
#nav li {
 +
position:relative;
 +
list-style:none;
 +
float:left;
 +
margin:0px; /* 0이엇음 */
 +
padding:0px 0px 0px 0px;
 +
}
 +
#nav a {
 +
display:block;
 +
font-weight:bold;
 +
text-decoration:none;
 +
    margin:0px;
 +
    padding:5px 15px 5px 15px; /* 어디까지 hover 효과 먹히는지 */
 +
}
 +
#nav li ul {
 +
position:absolute;
 +
        top:30px;  /* 서브가 아래로 열리게하는 */
 +
width: 600px;
 +
display:none;
 +
 
 +
}
 +
#nav li.on ul {
 +
display:block;
 +
}
 +
/* color */
 +
#header {background:#8b0029;}
 +
#nav a {background:#8b0029; color:#ffffff;}
 +
#nav .on a,
 +
#nav li li a {background:#d8d3cd; color:#8b0029;}
 +
</style>
 +
 
 +
</head>
 +
<body>
 +
<div id="header">
 +
  <div id="nav">
 +
    <ul>
 +
      <li class="off"><a href="https://2011.igem.org/Team:Korea_U_Seoul">Home</a>
 +
      </li>
 +
      <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Team</a>
 +
        <ul>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Korea University</a>
 +
          </li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Team/Our_members">Our members</a>
 +
          </li>
 +
          <li><a href="https://igem.org/Team.cgi?year=2011&team_name=Korea_U_Seoul">Official Team Profile</a>
 +
          </li> 
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Team/Attribution">Attribution</a>
 +
          </li>   
 +
           
 +
        </ul>
 +
      </li>
 +
      <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Project/Abstract">Project</a>
 +
        <ul>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Project/Abstract">Abstract</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Project/Design">Design</a></li>
 +
         
 +
        </ul>
 +
      </li>
 +
      <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook">Notebook</a>
 +
        <ul>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Feb">Feb</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Mar">Mar</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Apr">Apr</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/May">May</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Jun">Jun</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Jul">Jul</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Aug">Aug</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Sep">Sep</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Oct">Oct</a></li>
 +
        </ul>
 +
      </li>
 +
      <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Safety/Safety_Questions">Safety</a>
 +
        <ul>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Safety/Safety_Questions">Safety Questions</a></li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Safety/Parts">Parts</a></li>
 +
        </ul>
 +
      </li>
 +
      <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Human Practice</a>
 +
        <ul>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Ownership & Innovation</a>
 +
          </li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Human_Practice/Sharing">Sharing</a>
 +
          </li>
 +
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Human_Practice/Application">Application</a>
 +
          </li>
 +
        </ul>
 +
      </li>
 +
      <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/References">References</a>
 +
      </li>   
 +
    </ul>
 +
  </div>
 +
</div>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 +
<script>
 +
$('#nav li').bind('mouseenter keyup', function() {
 +
$(this) .addClass('on').siblings().removeClass();
 +
});
 +
</script>
 +
</body>
</html>
</html>

Revision as of 05:24, 22 September 2013

Retrieved from "http://2013.igem.org/Team:Korea_U_Seoul/template/banner"