Team:KIT-Kyoto/Template/header

From 2012.igem.org

(Difference between revisions)
m
m
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
[[File:KIT-logo.gif|right|link=http://www.kit.ac.jp/english/index.html]]
 
<html>
<html>
-
<head>
+
<meta charset="UTF-8">
-
<meta http-equiv="Contnt-type" content="text/html; charset=Shift_JIS">
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<link rel="stylesheet" href="Header.css" type="text/css">
+
<script type="text/javascript">
-
<title>KIT-Kyoto-Header
+
$(function(){
-
</title>
+
     $("ul.menu").hide(); // .要素を[処理時間]かけて非表示にします
-
</head>
+
     $("div.category").click(function(){ // イベント用のメソッドです。要素をクリックすることでイベント処理が行われます
-
<img src="a" align="top" width="970" height="150">
+
        $("ul.menu").slideUp();// 要素を処理時間でスライドアップします
-
<div>
+
        if($("+ul",this).css("display")=="none"){// ul要素（カテゴリー内のメニュー）カテゴリー内のメニューが表示されていないとき、メニューがsildeDownします
-
<ul id="pulldown-menu">
+
            $("+ul",this).slideDown();// 要素を処理時間でスライドダウンします
-
 
+
        }
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a>
+
    });
-
</li>
+
});
-
 
+
</script>
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">ABOUT US</a>
+
<style type="text/css">
-
    <ul>
+
/*色*/
-
    <li><a href="">PROFILE</a></li>
+
body {
-
    <li><a href="">TWITTER</a></li>
+
    font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
-
    <li><a href="">YouTube</a></li>
+
    _font-family: 'ＭＳ Ｐゴシック', sans-serif;
-
     <li><a href="">PHOTOS</a></li>
+
-
    </ul>
+
-
</li>
+
-
 
+
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">PROJECT</a>
+
-
     <ul>
+
-
    <li><a href="">OVERVIEW</a></li>
+
-
    <li><a href="">INTRODUCTION</a></li>
+
-
    <li><a href="">RESULTS</a></li>
+
-
    </ul>
+
-
</li>
+
-
 
+
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Parts">PARTS</a>
+
-
</li>
+
-
 
+
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">NOTEBOOK</a>
+
-
    <ul>
+
-
    <li><a href="">LAB NOTE</a></li>
+
-
    <li><a href="">MEETING</a></li>
+
-
    <li><a href="">PROTOCOL</a></li>
+
-
    <li><a href="">DESIGN NOTE</a></li>
+
-
    </ul>
+
-
</li>
+
-
 
+
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a>
+
-
</li>
+
-
 
+
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Humanpractice">HUMANPRACTICE</a>
+
-
</li>
+
-
 
+
-
</ul>
+
-
<div>
+
-
</html>
+
-
 
+
-
 
+
-
 
+
-
<html><head>
+
-
 
+
-
<style type="text/css">  
+
-
 
+
-
.menu table, .menu tr, .menu td {background:transparent url("https://static.igem.org/mediawiki/2010/6/60/HAIKEI2.PNG");}
+
-
table,tr,td {background-color: transparent;}
+
-
 
+
-
 
+
-
/* ナビゲーション */
+
-
#navi_continer {
+
-
position: relative;
+
-
z-index:100;
+
-
width: 1000px;
+
-
height:25px;
+
-
font-weight: bold;
+
}
}
-
 
+
div.category {
-
#navi {
+
    margin:-top:5px;
-
position: absolute;
+
    height:40px;
-
top: 0px;
+
    line-height:40px;
-
left: 0px;
+
    background:#fdeff2;
-
width: 1000px;
+
    cursor:pointer;
}
}
-
 
+
ul.navi{
-
#navi ul {
+
    width: 150px;
-
margin: 0;
+
    margin: 0px;
-
padding: 0;
+
    background:#e6cde3;
-
list-style: none;
+
}
}
-
 
+
ul.navi, ul.menu {
-
#navi li {
+
    padding:0;
-
color: #fffff;
+
    margin:0;
-
float: left;
+
    list-style: none;
-
width: 125px;
+
-
margin: 0;
+
}
}
-
 
+
ul.menu li{
-
#navi li a {
+
    padding-left:20px;
-
font-size: 12px;
+
    margin:0;
-
color: #ffffff;
+
    list-style: none;
-
display: block;
+
-
width: 100%;
+
-
padding: 0px 0;
+
-
text-align: center;
+
-
text-decoration: none;
+
-
background-color: transparent;
+
}
}
-
 
+
div.category {
-
#navi li a:hover {
+
    margin-top: 5px;
-
color: #ffffff;
+
    padding-left: 20px;
-
background-color: #9f1522;
+
    height: 40px;
 +
    line-height: 40px;
 +
    background:#f09199;
}
}
-
 
+
ul.menu a {
-
/* サブメニュー */
+
    display: block;
-
#navi ul.sub {
+
    height: 35px;
-
background:transparent url("https://static.igem.org/mediawiki/2010/6/60/HAIKEI2.PNG");
+
    line-height: 35px;
 +
    color:#fdeff2;
}
}
-
 
-
#navi ul.sub li {
 
-
float: none;
 
-
}
 
-
 
-
#navi ul.sub li a {
 
-
color: #ffffff;
 
-
background: none;
 
-
font-size: 12px;
 
-
font-weight: normal;
 
-
padding: 1px 0;
 
-
border-top:0px solid #000099;
 
-
}
 
-
 
-
#navi ul.sub li a:hover {
 
-
 
-
color: #ffffff;
 
-
background-color: #9f1522;
 
-
}
 
-
 
-
#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>
-
 
-
 
</head>
</head>
<body>
<body>
-
<BR><BR>
+
<div>
-
 
+
    <ul class="navi">
-
<TABLE class="menu" border="0" background="https://static.igem.org/mediawiki/2010/e/e5/HAIKEI-HIDARI.PNG" bordercolor="black" cellspacing="0" cellpadding="0" width="100%"><tr><TD align="center">     
+
        <li>
-
 
+
            <div class="category">Lab Note</div>
-
<div id="navi_continer">
+
            <ul class="menu">
-
<div id="navi">
+
                <li><a href="#">Week1</a></li>
-
<ul>
+
                <li><a href="#">Week2</a></li>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
                <li><a href="#">Week3</a></li>
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Home"><Img src="https://static.igem.org/mediawiki/2010/e/e1/KitHome.png"></a>
+
                <li><a href="#">Week4</a></li>
-
</li>
+
                <li><a href="#">Week5</a></li>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
                <li><a href="#">Week6</a></li>
-
<a href=""><Img src="https://static.igem.org/mediawiki/2010/f/fd/KitAboutus.png"></a>
+
            </ul>
-
<ul class="sub">
+
        </li>
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">PROFILE</a></li>
+
        <li>
-
<li><a href="http://twitter.com/KITKyoto12" target="_blank">Twitter</a></li>
+
            <div class="category">Protocol</div>
-
<li><a href="target="_blank">YouTube</a></li>
+
        </li>
-
<li><a href="">PHOTOS</a></li>
+
        <li>
-
</ul>
+
            <div class="category">Meeting</div>
-
</li>
+
            <ul class="menu">
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
                <li><a href="#">MAY</a></li>
-
<a href="https://2010.igem.org/Team:KIT-Kyoto/Project/AbstractJ"><Img src="https://static.igem.org/mediawiki/2010/f/f0/KitProject.png"></a>
+
                <li><a href="#">JUNE</a></li>
-
<ul class="sub">
+
                <li><a href="#">JULY</a></li>
-
<li><a href="">OVERVIEW</a></li>
+
                <li><a href="#">AUGUST</a></li>
-
<li><a href="">INTRODUCTION</a></li>
+
        　    <li><a href="#">SEPTEMBER</a></li>
-
<li><a href="">RESULTS</a></li>
+
            </ul>
-
</ul>
+
        </li>
-
</li>
+
        <li>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
            <div class="category">Design</div>
-
<a href="https://2010.igem.org/Team:KIT-Kyoto/PartsJ"><Img src="https://static.igem.org/mediawiki/2010/0/01/KitParts.png"></a>
+
        </li>
-
</li>
+
    </ul>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
-
<a href="https://2010.igem.org/Team:KIT-Kyoto/NoteJ"><Img src="https://static.igem.org/mediawiki/2010/d/d3/KitNotebook.png"></a>
+
-
<ul class="sub">
+
-
<li><a href="">LAB NOTE</a></li>
+
-
<li><a href="">MEETING</a></li>
+
-
<li><a href="">PROTOCOL</a></li>
+
-
<li><a href="">DESIGN NOTE</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
-
<a href="https://2010.igem.org/Team:KIT-Kyoto/Project/HumanPracticeJ"><Img src="https://static.igem.org/mediawiki/2010/8/80/KitHuman_Practice.png"></a>
+
-
</li>
+
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
-
<a href="https://2010.igem.org/Team:KIT-Kyoto/SafetyJ"><Img src="https://static.igem.org/mediawiki/2010/f/f9/KitSafety.png"></a>
+
-
</li>
+
-
<ul class="sub">
+
-
</ul>
+
-
</li>
+
-
 
+
-
</ul>
+
-
</div>
+
</div>
</div>
 +
</body>
-
</TD> </tr>
+
</html>
-
</TABLE>
+
-
 
+
-
 
+
-
</body></html>
+

Latest revision as of 14:07, 25 August 2012

Retrieved from "http://2012.igem.org/Team:KIT-Kyoto/Template/header"