Team:korea u seoul/navbar

From 2010.igem.org

(Difference between revisions)
 
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
p.normal {font-variant:normal;}
+
 
-
p.small {font-variant:small-caps;}
+
 
-
l, li{ border : 0 ; margin : 0 ; padding : 0 ; list-style : none ;}
+
/* ----------- Navigation ----------- */
-
ul{
+
#top-navigation{  
-
border-bottom : solid 1px #e9f0f5 ;  
+
background : url(img/topnav-bg.gif) repeat-x ;  
-
height : 29px ;  
+
width : auto ;  
 +
height : 48px ;
 +
margin : 0 auto ;  
}  
}  
-
li{ float : left ; margin-right : 2px ;}
+
#navigation{
 +
background : url(img/nav-bg.gif) repeat-x ;
 +
height : 32px ;
 +
margin : 0 auto ;
 +
width : auto ;
 +
}
 +
#navigation ul{
 +
height : 32px ;
 +
line-height : 32px ;
 +
}
 +
#navigation ul li{  
 +
display : inline ;
 +
}
 +
#navigation ul li a,
 +
#navigation ul li a:visited {
 +
background : url(img/line-a.gif) right no-repeat ;
 +
padding : 0 20px ;
 +
display : block ;
 +
text-decoration : none ;
 +
float : left ;  
 +
color : #4261df ;
 +
font-weight : bold ;
 +
text-shadow : #ffffff 2px 2px 2px ;
 +
}
 +
#navigation ul li a:hover{
 +
color : #1532a5 ;
 +
}
 +
 
 +
/* ----------- Sub Menu ----------- */
 +
#sublinks{
 +
width : auto ;
 +
margin : 0 auto ;
 +
background : #888888 url(img/sublink.gif) ;
 +
height : 30px ;
 +
font-size : 11px ;
 +
}
 +
#sublinks ul{
 +
height : 32px ;
 +
line-height : 31px ;
 +
}
 +
#sublinks ul li{
 +
display : inline ;
 +
}
 +
#sublinks ul li a,
 +
#sublinks ul li a:visited {
 +
padding : 0 20px ;
 +
display : block ;
 +
text-decoration : none ;
 +
float : left ;
 +
color : #FFFFFF ;
 +
}
 +
#sublinks ul li a:hover{
 +
text-decoration : underline ;
 +
}
 +
 
 +
/* ----------- Hide Sub menu ----------- */
 +
#s2, #s3 { display : none ;}  
</style>
</style>
</head>
</head>
 +
 +
<body>
<body>
-
<p class="normal">
+
<!-- HEADER -->
-
<ul class= "tab" >  
+
<div id= "top-navigation" >
-
<li class= "active" > <a href= "https://2010.igem.org/Team:Korea_U_Seoul/main" > <span> Home </span> </a> </li>  
+
<!-- Something in the header here -->
-
<li> <a href= "#upcoming" > <span> Upcoming </span> </a> </li>  
+
</div>
-
<li> <a href= " #favorites" > <span> Favorites </span> </a> </li>  
+
 
-
<li> <a href= "#messages" > <span> Messages </span> </a> </li>  
+
<!-- Main Menu -->
-
<li> <a href= "#account" > <span> My Account </span> </a> &lt/li>  
+
<div id= "navigation" >  
 +
<ul id= "mymenu" >  
 +
<li> <a href= "#" onmouseover= "javascript:showsubmenu(1)" > Home </a> </li>
 +
<li> <a href= "#" onmouseover= "javascript:showsubmenu(2)" > Movies </a> </li>
 +
<li> <a href= "#" onmouseover= "javascript:showsubmenu(3)" > Music </a> </li>
 +
<li> <a href= "contact.html" > Contact </a> </li>
 +
</ul>
 +
</div>
 +
 
 +
<!-- SUB MENU -->
 +
<div id= "sublinks" >  
 +
<ul id= "s1" >
 +
<li> <a href= "#" > General </a> </li>
 +
<li> <a href= "#" > Information </a> </li>  
 +
<li> <a href= "#" > News </a> </li>
 +
</ul>
 +
 
 +
<ul id= "s2" >
 +
<li> <a href= "#" > Drama </a> </li>  
 +
<li> <a href= "#" > Thriller </a> </li>  
 +
<li> <a href= "#" > Action </a> </li>  
 +
<li> <a href= "#" > Horror </a> </li>  
 +
<li> <a href= "#" > Colossal </a> </li>
 +
</ul>
 +
 
 +
<ul id= "s3" >  
 +
<li> <a href= "#" > Rock </a> </li>  
 +
<li> <a href= "#" > Pop </a> </li>
 +
<li> <a href= "#" > Classical </a> </li>
</ul>
</ul>
-
</style>
+
</div>  
-
</html>
+
</body>
 +
</style></html>
 +
 
{| style="fontsize=5" cellpadding="5" cellspacing="0" border="0" bordercolor="white" width="62%" align="center"
{| style="fontsize=5" cellpadding="5" cellspacing="0" border="0" bordercolor="white" width="62%" align="center"
!align="center"|[[Team:Korea_U_Seoul|Home]]
!align="center"|[[Team:Korea_U_Seoul|Home]]

Latest revision as of 11:42, 19 October 2010

Home Team Project Parts Modeling Notebook Safety
Retrieved from "http://2010.igem.org/Team:korea_u_seoul/navbar"