"
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> | ||
| - | <!-- | + | <!--デザイン、あとは左から１列に並べるのと色合わせ、リンク作り。--!> |
<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
