Template:KIT-Kyoto.Header2

From 2012.igem.org

(Difference between revisions)
m
 
(One intermediate revision not shown)
Line 1: Line 1:
<html>
<html>
-
<div id="NAKAMI">
 
<head>
<head>
-
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 19: Line 17:
});
});
</script>
</script>
 +
 +
 +
 +
 +
<style type="text/css">
 +
 +
.menu table, .menu tr, .menu td {background:transparent url("https://static.igem.org/mediawiki/2012/b/b1/Haikeimenu.png");}
 +
table,tr,td {background-color: transparent;}
 +
 +
/* ナビ */
 +
#navi_continer {
 +
position: relative;
 +
z-index:100;
 +
width: 1000px;
 +
height:25px;
 +
font-weight: bold;
 +
}
 +
 +
#navi {
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
width: 1000px;
 +
}
 +
 +
#navi ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
#navi li {
 +
color: #a86f4c
 +
;
 +
float: left;
 +
width: 125px;
 +
margin: 0;
 +
}
 +
 +
#navi li a {
 +
font-size: 12px;
 +
color: #a86f4c
 +
;
 +
display: block;
 +
width: 100%;
 +
padding: 0px 0;
 +
text-align: center;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 +
#navi li a:hover {
 +
color: #a86f4c
 +
;
 +
background-color: #b44c97
 +
;
 +
}
 +
 +
/*メニュー */
 +
#navi ul.sub {
 +
background:transparent url("https://static.igem.org/mediawiki/2012/b/b1/Haikeimenu.png");
 +
}
 +
 +
#navi ul.sub li {
 +
float: none;
 +
}
 +
 +
#navi ul.sub li a {
 +
color: #a86f4c;
 +
background: none;
 +
font-size: 12px;
 +
font-weight: normal;
 +
padding: 1px 0;
 +
border-top:0px solid #b44c97
 +
;
 +
}
 +
 +
#navi ul.sub li a:hover {
 +
 +
color: #ffffff;
 +
background-color: #b44c97
 +
;
 +
}
 +
 +
#navi ul li.navi_menu ul {
 +
display: none;
 +
}
 +
 +
#navi ul li.navi_menu_on ul {
 +
display: block;
 +
}
 +
 +
#navi li.navi_menu{
 +
border:0px solid #000099;
 +
}
 +
 +
#navi li.navi_menu_on{
 +
border:0px solid #000099;
 +
}
 +
 +
 +
</style>
 +
<style type="text/css">
<style type="text/css">
<!--
<!--
-
◆CSS
+
 
#viewer {
#viewer {
margin: 0 auto;
margin: 0 auto;
width: 900px;
width: 900px;
-
height: 196px;
+
height: 191px;
text-align: left;
text-align: left;
overflow: hidden;
overflow: hidden;
Line 33: Line 134:
#viewer img {
#viewer img {
-
top: 0;
+
top: 300;
left: 0;
left: 0;
position: absolute;
position: absolute;
Line 39: Line 140:
</style>
</style>
-
 
-
</head>
 
-
 
 +
</head>
<body>
<body>
 +
<div id="NAKAMI">
 +
 +
<a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/3/3f/Igem.png"class="iGEM" align="left" width="170" height="120"></a>
 +
<img src="" class="KITlogo" align="right" width="170" height="120" title="KITlogo">
 +
<BR>
<div id="viewer">
<div id="viewer">
<img src="https://static.igem.org/mediawiki/2012/7/7e/KIT-KyotoA.jpg" width="900" height="191" alt="" />
<img src="https://static.igem.org/mediawiki/2012/7/7e/KIT-KyotoA.jpg" width="900" height="191" alt="" />
Line 53: Line 157:
</div><!--/#viewer-->
</div><!--/#viewer-->
-
<br><br><br><Br><br><br><br><Br><br><br><br><Br><br><br><br><Br><br><br><br><Br><br><br><br><Br>
+
</div>
 +
<BR>
-
★画像をフェードアウトさせる<br>
+
<TABLE class="menu" border="0" background="https://static.igem.org/mediawiki/2012/3/3a/Haikeimenu2.png" bordercolor="black" cellspacing="0" cellpadding="0" width="80%" align="center"><tr><TD align="center">     
-
http://black-flag.net/jquery/20110525-3120.html
+
 +
<div id="navi_continer">
 +
<div id="navi">
 +
<ul>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto"><Img src="https://static.igem.org/mediawiki/2012/e/e5/KIThome.png"></a>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto/Team"><Img src="https://static.igem.org/mediawiki/2012/7/74/KITT.png"></a>
 +
<ul class="sub">
 +
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">PROFILE</a></li>
 +
<li><a href="http://twitter.com/KITKyoto12" target="_blank">Twitter</a></li>
 +
<li><a href="target="_blank">YouTube</a></li>
 +
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Photos">PHOTOS</a></li>
 +
</ul>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto/Project"><Img src="https://static.igem.org/mediawiki/2012/b/bb/KITpro.png"></a>
 +
<ul class="sub">
 +
<li><a href="">OVERVIEW</a></li>
 +
<li><a href="">INTRODUCTION</a></li>
 +
<li><a href="">RESULTS</a></li>
 +
</ul>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto/Parts"><Img src="https://static.igem.org/mediawiki/2012/3/3f/KITpa.png"></a>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook"><Img src="https://static.igem.org/mediawiki/2012/f/f4/KITnote.png"></a>
 +
<ul class="sub">
 +
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">LAB NOTE</a></li>
 +
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Meeting">MEETING</a></li>
 +
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Protocol">PROTOCOL</a></li>
 +
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Design">DESIGN NOTE</a></li>
 +
</ul>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto/Humanpractice"><Img src="https://static.igem.org/mediawiki/2012/a/a4/KIThupra.png"></a>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto/Safety"><Img src="https://static.igem.org/mediawiki/2012/6/65/KITsa.png"></a>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2012.igem.org/Team:KIT-Kyoto/Sponsors"><Img src="https://static.igem.org/mediawiki/2012/1/16/Sponsors.png"></a>
 +
</li>
 +
<ul class="sub">
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</TD> </tr>
 +
</TABLE>
 +
<br>
 +
<br>
 +
<br>
</body></html>
</body></html>

Latest revision as of 06:42, 25 August 2012