Team:KIT-Kyoto/Notebook-Design

From 2012.igem.org

(Difference between revisions)
m
m
Line 5: Line 5:
</head>
</head>
<body>
<body>
-
<div id="NAKAMI">
+
<table border="0" width="965px" align="center"><tr><td width="165px" valign="top"
 +
 
 +
align="left"><div id="HIDARI">
 +
 
 +
<meta charset="UTF-8">
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(function(){
 +
    $("ul.menu").hide(); // .要素を[処理時間]かけて非表示にします
 +
    $("div.category").click(function(){ // イベント用のメソッドです。要素をクリックすることでイベント処理が行われます
 +
        $("ul.menu").slideUp();// 要素を処理時間でスライドアップします
 +
        if($("+ul",this).css("display")=="none"){// ul要素（カテゴリー内のメニュー）カテゴリー内のメニューが表示されていないとき、メニューがsildeDownします
 +
            $("+ul",this).slideDown();// 要素を処理時間でスライドダウンします
 +
        }
 +
    });
 +
});
 +
</script>
 +
<style type="text/css">
 +
body {
 +
    font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
 +
    _font-family: 'ＭＳ Ｐゴシック', sans-serif;
 +
}
 +
div.category {
 +
    margin:-top:5px;
 +
    height:40px;
 +
    line-height:40px;
 +
    background:#fdeff2;
 +
    cursor:pointer;
 +
}
 +
ul.navi{
 +
    width: 150px;
 +
    margin: 0px;
 +
    background:#e6cde3;
 +
}
 +
ul.navi, ul.menu {
 +
    padding:0;
 +
    margin:0;
 +
    list-style: none;
 +
}
 +
ul.menu li{
 +
    padding-left:20px;
 +
    margin:0;
 +
    list-style: none;
 +
}
 +
div.category {
 +
    margin-top: 5px;
 +
    padding-left: 20px;
 +
    height: 40px;
 +
    line-height: 40px;
 +
    background:#f09199;
 +
}
 +
ul.menu a {
 +
    display: block;
 +
    height: 35px;
 +
    line-height: 35px;
 +
    color:#fdeff2;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div>
 +
    <ul class="navi">
 +
        <li>
 +
            <div class="category">Lab Note</div>
 +
            <ul class="menu">
 +
                <li><a href="#">Week1</a></li>
 +
                <li><a href="#">Week2</a></li>
 +
                <li><a href="#">Week3</a></li>
 +
                <li><a href="#">Week4</a></li>
 +
                <li><a href="#">Week5</a></li>
 +
                <li><a href="#">Week6</a></li>
 +
            </ul>
 +
        </li>
 +
        <li>
 +
            <div class="category">Protocol</div>
 +
        </li>
 +
        <li>
 +
            <div class="category">Meeting</div>
 +
            <ul class="menu">
 +
                <li><a href="#">MAY</a></li>
 +
                <li><a href="#">JUNE</a></li>
 +
                <li><a href="#">JULY</a></li>
 +
                <li><a href="#">AUGUST</a></li><li><a href="#">SEPTEMBER</a></li>
 +
            </ul>
 +
        </li>
 +
        <li>
 +
            <div class="category">Design</div>
 +
        </li>
 +
    </ul>
 +
</div>
 +
</body>
 +
 
 +
</div>
 +
</div></td><td width="800px" valign="top"><div id="MIGI">
<h2>2012.7.03</h2>
<h2>2012.7.03</h2>
We stared to make our logo. It needs to be more considered.
We stared to make our logo. It needs to be more considered.
Line 17: Line 110:
We also talked about top images.
We also talked about top images.
</div>
</div>
 +
<BR>
 +
 +
 +
 +
</table>
 +
</td></tr>
 +
<tr><td>
 +
 +
<div align="right"><span style="font-size:10pt;"></span></div>
 +
 +
</td></tr>
 +
</table>
</body>
</body>
 +
</html>
</html>

Revision as of 04:17, 25 August 2012




2012.7.03

We stared to make our logo. It needs to be more considered.

2012.7.14

We made the poster for open campus.

2012.8.21

We discussed our logo.
We also talked about top images.

Retrieved from "http://2012.igem.org/Team:KIT-Kyoto/Notebook-Design"