Team:KIT-Kyoto/Template/header

From 2012.igem.org

(Difference between revisions)
m (Created page with "<html lang="ja"> <head> <img src="" align="top" width="975" height="100"> <style type="text/css"> <!-- img {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-r...")
m
Line 10: Line 10:
--!>
--!>
</style>
</style>
 +
<div id="menu">
 +
   <ul>
 +
      <li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a>
 +
      </li>
 +
     <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">About Us</a>
 +
          <ul>
 +
               <li><a href="">Profile</a></li>
 +
               <li><a href="">Photos</a></li>
 +
              <li><a href="">Twitter</a></li>
 +
              <li><a href="">YouTube</a></li>
 +
          </ul>
 +
      </li>
 +
      <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">Project</a>
 +
         <ul>
 +
            <li><a href=""></a></li>
 +
            <li><a href=""></a></li>
 +
            <li><a href=""></a></li>
 +
            <li><a href=""></a></li>
 +
         </ul>
 +
      </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>
 +
</div>
 +
 +
<!--デザイン--!>
 +
<style type="text/css">
 +
/* メインメニュー */
 +
#menu ul {
 +
   display:block;
 +
   list-style-type: none;
 +
   margin:0;
 +
   padding:0;
 +
}
 +
 +
/* サブメニュー1段目 */
 +
#menu ul ul{
 +
   display:none;
 +
   position:absolute;
 +
   top:100%;
 +
   left:0;
 +
}
 +
 +
/* サブメニュー2段目以降 */
 +
#menu ul ul ul {
 +
   top:0;
 +
   left:100%;
 +
}
 +
 +
/* リスト */
 +
#menu li {
 +
   float:left;line-height:1.6em;
 +
   text-align: center;
 +
   background:#ddd;
 +
}
 +
 +
#menu li li {
 +
   clear:both;
 +
}
 +
 +
#menu li:hover {
 +
   position:relative;
 +
}
 +
 +
#menu li:hover > ul {
 +
   display: block
 +
}
 +
/* IE6用 */
 +
* html #menu li {
 +
  behavior: expression(
 +
      this.onmouseover=new Function("this.className='column1'"),
 +
      this.onmouseout=new Function("this.className=''"),
 +
      this.style.behavior = 'none'
 +
  );
 +
}
 +
 +
* html #menu li li {
 +
  behavior: expression(
 +
      this.onmouseover=new Function("this.className='column2'"),
 +
      this.onmouseout=new Function("this.className=''"),
 +
      this.style.behavior = 'none'
 +
  );
 +
}
 +
 +
* html #menu li li li {
 +
  behavior: expression(
 +
      this.onmouseover=new Function("this.className='column3'"),
 +
      this.onmouseout=new Function("this.className=''"),
 +
      this.style.behavior = 'none'
 +
  );
 +
}
 +
 +
#menu .column1 {position:relative;}
 +
#menu .column1 ul {display:block;}
 +
#menu .column1 * ul {display:none;}
 +
 +
#menu .column2 {position:relative;}
 +
#menu .column2 ul {display:block;}
 +
#menu .column2 * ul {display:none;}
 +
 +
#menu .column3 {position:relative;}
 +
#menu .column3 ul {display:block;}
 +
#menu .column3 * ul {display:none;}
 +
 +
</style>
 +
</head>
</head>
</html>
</html>

Revision as of 13:19, 14 July 2012

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