Team:KIT-Kyoto/Template/header
From 2012.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
<html lang="ja"> | <html lang="ja"> | ||
<head> | <head> | ||
- | <img src="" align="top" width="970" height="100"> | + | <img src="a" align="top" width="970" height="100"> |
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
Line 10: | Line 10: | ||
--!> | --!> | ||
</style> | </style> | ||
+ | |||
+ | <!--めにゅー--!> | ||
+ | <body> | ||
<div id="menu"> | <div id="menu"> | ||
<ul> | <ul> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a> | ||
</li> | </li> | ||
- | <li><a href=" | + | <li><a href="">About Us</a> |
+ | </li> | ||
<ul> | <ul> | ||
- | <li><a href="">Profile</a></li> | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">Profile</a></li> |
<li><a href="">Photos</a></li> | <li><a href="">Photos</a></li> | ||
<li><a href="">Twitter</a></li> | <li><a href="">Twitter</a></li> | ||
<li><a href="">YouTube</a></li> | <li><a href="">YouTube</a></li> | ||
</ul> | </ul> | ||
- | </li> | + | </li> |
- | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">Project</a> | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">Project</a> |
- | <ul> | + | <ul> |
- | <li><a href=""></a></li> | + | <li><a href=""></a></li> |
- | <li><a href=""></a></li> | + | <li><a href=""></a></li> |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | </ul> | + | </ul> |
- | </li> | + | </li> |
- | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Parts">Parts</a> | |
- | + | <ul> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | </ul> | |
- | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Modeling">Modeling</a> | |
- | + | <ul> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | </ul> | |
- | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">Notebook</a> | |
- | + | <ul> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | </ul> | |
- | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Safety">Safety</a> | |
- | + | <ul> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | </ul> | |
- | + | <li><a href="">Humanpractice</a> | |
- | + | <ul> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | </ul> | |
- | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Attributions">Attributions</a> | |
- | + | <ul> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | <li><a href=""></a></li> | |
- | + | </ul> | |
- | + | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Sponsors">Sponsors</a> | |
- | + | </li> | |
+ | </ul> | ||
</div> | </div> | ||
- | <!-- | + | <!--デザイン、あとは左から1列に並べるのと色合わせ、リンク作り。--!> |
<style type="text/css"> | <style type="text/css"> | ||
+ | <!-- | ||
/* メインメニュー */ | /* メインメニュー */ | ||
#menu ul { | #menu ul { | ||
Line 84: | Line 90: | ||
display:none; | display:none; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:50%; |
- | + | text-align: center; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
/* リスト */ | /* リスト */ | ||
#menu li { | #menu li { | ||
- | float:left;line-height: | + | float:left;line-height:2.0em; |
text-align: center; | text-align: center; | ||
background:#ddd; | background:#ddd; | ||
Line 102: | Line 102: | ||
#menu li li { | #menu li li { | ||
- | clear:both; | + | clear:both;text-align: left; |
} | } | ||
Line 124: | Line 124: | ||
behavior: expression( | behavior: expression( | ||
this.onmouseover=new Function("this.className='column2'"), | this.onmouseover=new Function("this.className='column2'"), | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
this.onmouseout=new Function("this.className=''"), | this.onmouseout=new Function("this.className=''"), | ||
this.style.behavior = 'none' | this.style.behavior = 'none' | ||
Line 145: | Line 137: | ||
#menu .column2 * ul {display:none;} | #menu .column2 * ul {display:none;} | ||
- | #menu | + | /* デザイン */ |
- | + | #menu li { | |
- | # | + | line-height:1.6em; |
+ | text-align: center; | ||
+ | background:#ee827c; | ||
+ | border-radius: 20px; | ||
+ | -moz-border-radius: 20px; | ||
+ | -webkit-border-radius: 20px; | ||
+ | } | ||
- | + | #menu li li { | |
+ | text-align: left; | ||
+ | border-radius: 20px; | ||
+ | -moz-border-radius: 20px; | ||
+ | -webkit-border-radius: 20px; | ||
+ | } | ||
+ | #menu li a{ | ||
+ | display: block; | ||
+ | width:100px; | ||
+ | text-decoration:none; | ||
+ | color:#5a544b; | ||
+ | padding:0 20px; | ||
+ | } | ||
+ | |||
+ | #menu li:hover { | ||
+ | background:#e4ab9b; | ||
+ | color:#5a544b; | ||
+ | } | ||
+ | |||
+ | #menu .column1, #menu .column2 { | ||
+ | color:#5a544b; | ||
+ | background:#ee827c; | ||
+ | } | ||
+ | --!> | ||
+ | </style> | ||
+ | </body> | ||
</head> | </head> | ||
</html> | </html> |
Revision as of 16:50, 14 July 2012