Team:Korea U Seoul/template/menubar

From 2011.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 5: Line 5:
<title>jQuery based 2depth menu-bar</title>
<title>jQuery based 2depth menu-bar</title>
<style>
<style>
-
/* 배너 끝! 여기부터는 메뉴바 */
 
-
 
body{
body{
-
margin:0px;
+
margin:0px 0px 0px 0px;
 +
        height:50px;
padding:0;
padding:0;
background:#ffffff;
background:#ffffff;
}
}
#header {
#header {
-
         margin-top: -32px;
+
         margin: -10px 0px 0px 0px;
-
        margin-left: 0px;
+
         wdth:975px;
-
         margin-bottom: 20px;
+
-
width:975px;
+
height:29px;
height:29px;
-
background:#ffffff;
+
background:#d8d3cd;
position:relative;
position:relative;
          
          
Line 43: Line 40:
text-decoration:none;
text-decoration:none;
     margin:0px;
     margin:0px;
-
     padding:5px 20px 5px 20px;
+
     padding:5px 15px 5px 15px; /* 어디까지 hover 효과 먹히는지 */
}
}
#nav li ul {
#nav li ul {
position:absolute;
position:absolute;
         top:30px;  /* 서브가 아래로 열리게하는 */
         top:30px;  /* 서브가 아래로 열리게하는 */
-
width: 800px;
+
width: 600px;
display:none;
display:none;
Line 59: Line 56:
#nav a {background:#8b0029; color:#ffffff;}
#nav a {background:#8b0029; color:#ffffff;}
#nav .on a,  
#nav .on a,  
-
#nav li li a {background:#ffffff; color:#8b0029;}
+
#nav li li a {background:#d8d3cd; color:#8b0029;}
</style>
</style>
Line 68: Line 65:
   <div id="nav">
   <div id="nav">
     <ul>
     <ul>
-
       <li class="on"><a href="https://2011.igem.org/Team:Korea_U_Seoul">Home</a>
+
       <li class="off"><a href="https://2011.igem.org/Team:Korea_U_Seoul">Home</a>
       </li>
       </li>
-
       <li><a href="#">Team</a>
+
       <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Team</a>
         <ul>
         <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/Korea_University">Korea University</a>
-
           <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Team/Our_members">Our members</a></li>
+
          </li>
-
           <li><a href="#">submenu</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>
         </ul>
       </li>
       </li>
-
       <li><a href="#">Project</a>
+
       <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Project/Abstract">Project</a>
         <ul>
         <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/Abstract">Abstract</a></li>
           <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Project/Design">Design</a></li>
           <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Project/Design">Design</a></li>
-
           <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Project/Result">Result</a></li>
+
            
         </ul>
         </ul>
       </li>
       </li>
Line 95: Line 98:
           <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/Sep">Sep</a></li>
           <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Oct">Oct</a></li>
           <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Oct">Oct</a></li>
-
          <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Notebook/Nov">Nov</a></li>
+
        </ul>
-
        </ul>
+
       </li>
       </li>
-
       <li><a href="#">Safety</a>
+
       <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Safety/Safety_Questions">Safety</a>
         <ul>
         <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/Safety_Questions">Safety Questions</a></li>
Line 105: Line 107:
         </ul>
         </ul>
       </li>
       </li>
-
       <li><a href="#">Human Practice</a>
+
       <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Human Practice</a>
         <ul>
         <ul>
-
           <li><a href="#">submenu</a></li>
+
           <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Ownership & Innovation</a>
-
           <li><a href="#">submenu</a></li>
+
          </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>
         </ul>
       </li>
       </li>
 +
      <li><a href="https://2011.igem.org/Team:Korea_U_Seoul/References">References</a>
 +
      </li>   
     </ul>
     </ul>
   </div>
   </div>

Latest revision as of 22:00, 5 October 2011

jQuery based 2depth menu-bar