Team:KIT-Kyoto/kazukokekokko

From 2012.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
{{KIT-Kyoto}}
{{KIT-Kyoto}}
<html>
<html>
-
<!--段組み--!>
+
<head>
<style type="text/css">
<style type="text/css">
-
<!--
+
/* 段組み*/
-
 
+
#my_body{margin:0 auto; width:700px;border-left:1px solid #fff;border-right:1px solid #fff;}
#my_body{margin:0 auto; width:700px;border-left:1px solid #fff;border-right:1px solid #fff;}
Line 11: Line 10:
#my_contents{float:left;  width:550px;}
#my_contents{float:left;  width:550px;}
-
--!></style>
+
/*ボックス*/
 +
li{list-style:none;}
 +
div.box1 {
 +
width: 730px; /* ボックスの幅 */
 +
height: 200px;
 +
background-color:#FFFFFF; /* ボックスの背景色 */
 +
border: 1px #999999 solid; /* ボックスの枠の太さと色 */
 +
font-size: 90%; /* ボックス内の文字サイズを少し小さく指定 */
 +
margin-bottom:20px;/*ボックスの下に少しスペースを空ける*/
 +
}
 +
div.box1 p {
 +
margin-top: 15px;/*文字の上に少しスペースを空ける*/
 +
margin-left: 10px;/*文字の左に少しスペースを空ける*/
 +
}
 +
.box1 p img{
 +
float:left;/*文字が写真の右側に回り込むように指定*/
 +
margin-top:10px;
 +
margin-left:15px;/*写真の左にスペース*/
 +
margin-right:30px; /*写真の右にスペース*/
 +
border:solid 0px
 +
}
 +
/*ボックス2の設定*/
 +
div.box2 {
 +
width: 730px; /* ボックスの幅 */
 +
height: 200px;
 +
background-color:#FFFFFF; /* ボックスの背景色 */
 +
border: 1px #999999 solid; /* ボックスの枠の太さと色 */
 +
font-size: 90%; /* ボックス内の文字サイズを少し小さく指定 */
 +
margin-bottom:20px;/*ボックスの下に少しスペースを空ける*/
 +
}
 +
div.box2 p {
 +
margin-top: 15px;/*文字の上に少しスペースを空ける*/
 +
margin-left: 25px;/*文字の左に少しスペースを空ける*/
 +
}
 +
.box2 p img{
 +
float:right;/*文字が写真の右側に回り込むように指定*/
 +
margin-top:10px;
 +
margin-left:15px;/*写真の左にスペース*/
 +
margin-right:30px; /*写真の右にスペース*/
 +
border:solid 0px
 +
}
 +
</style>
</head>
</head>
 +
<!--段組み--!>
<body>
<body>
<div id="my_body">
<div id="my_body">
Line 23: Line 64:
</div>
</div>
</div>
</div>
-
 
-
 
-
 
<div id="my_contents">
<div id="my_contents">
Line 32: Line 70:
<div class="contents"><h2>PROFILE</h2>
<div class="contents"><h2>PROFILE</h2>
<p></p></div>
<p></p></div>
-
 
+
<font size="6">idea note</font>
-
 
+
スクラップみたいにしてみる？？？？
 +
<div id ="Takaaki" class="box1">
 +
<p><img src="img/img1.jpg" title="TAKAAKI" width="150" height="150" class="css-hover" /></p>
 +
<p><strong><u>Takaaki Takeda</u></strong></p>
 +
<p>detail<br />
 +
<br />
 +
</p>
 +
</div>
 +
<div id="Shunji" class="box2">
 +
<p><img src="img/img1.jpg" title="Shunji" width="150" height="150" class="css-hover" /></p>
 +
<p><strong><u>Shunji Matsuzaki</u></strong></p>
 +
<p>detail<br />
 +
</p>
 +
</div>
<!--まだ終わってないやつ--!>
<!--まだ終わってないやつ--!>
<div class="slideshow">
<div class="slideshow">
Line 74: Line 125:
  });
  });
</script>
</script>
-
 
<font size="6">idea note</font>
<font size="6">idea note</font>
-
スクラップみたいにしてみる？？？？
 
-
 
-
<div id ="Takaaki" class="box1">
 
-
<p><img src="img/img1.jpg" title="TAKAAKI" width="150" height="150" class="css-hover" /></p>
 
-
<p><strong><u>Takaaki Takeda</u></strong></p>
 
-
<p>detail<br />
 
-
<br />
 
-
</p>
 
-
</div>
 
-
<div id="Shunji" class="box2">
 
-
<p><img src="img/img1.jpg" title="Shunji" width="150" height="150" class="css-hover" /></p>
 
-
<p><strong><u>Shunji Matsuzaki</u></strong></p>
 
-
<p>detail<br />
 
-
</p>
 
-
</div>
 
-
<style type="text/css">
 
-
/*ボックス1の設定*/
 
-
li{list-style:none;}
 
-
div.box1 {
 
-
width: 730px; /* ボックスの幅 */
 
-
height: 200px;
 
-
background-color:#FFFFFF; /* ボックスの背景色 */
 
-
border: 1px #999999 solid; /* ボックスの枠の太さと色 */
 
-
font-size: 90%; /* ボックス内の文字サイズを少し小さく指定 */
 
-
margin-bottom:20px;/*ボックスの下に少しスペースを空ける*/
 
-
}
 
-
 
-
div.box1 p {
 
-
margin-top: 15px;/*文字の上に少しスペースを空ける*/
 
-
margin-left: 10px;/*文字の左に少しスペースを空ける*/
 
-
}
 
-
 
-
.box1 p img{
 
-
float:left;/*文字が写真の右側に回り込むように指定*/
 
-
margin-top:10px;
 
-
margin-left:15px;/*写真の左にスペース*/
 
-
margin-right:30px; /*写真の右にスペース*/
 
-
border:solid 0px
 
-
}
 
-
 
-
/*ボックス2の設定*/
 
-
div.box2 {
 
-
width: 730px; /* ボックスの幅 */
 
-
height: 200px;
 
-
background-color:#FFFFFF; /* ボックスの背景色 */
 
-
border: 1px #999999 solid; /* ボックスの枠の太さと色 */
 
-
font-size: 90%; /* ボックス内の文字サイズを少し小さく指定 */
 
-
margin-bottom:20px;/*ボックスの下に少しスペースを空ける*/
 
-
}
 
-
 
-
div.box2 p {
 
-
margin-top: 15px;/*文字の上に少しスペースを空ける*/
 
-
margin-left: 25px;/*文字の左に少しスペースを空ける*/
 
-
}
 
-
 
-
.box2 p img{
 
-
float:right;/*文字が写真の右側に回り込むように指定*/
 
-
margin-top:10px;
 
-
margin-left:15px;/*写真の左にスペース*/
 
-
margin-right:30px; /*写真の右にスペース*/
 
-
border:solid 0px
 
-
}
 
-
</style>
 
-
<br>
 
<head>  
<head>  
<style type="text/css">  
<style type="text/css">  
Line 162: Line 148:
   background-color: none;  
   background-color: none;  
}  
}  
-
 
-
 
ul.acc1, ul.acc1 li ul {  
ul.acc1, ul.acc1 li ul {  
Line 233: Line 217:
}  
}  
</style>
</style>
-
 
-
<script type="text/javascript" src="Template:KIT-Kyoto/js"></script>
 
-
 
<script type="text/javascript">  
<script type="text/javascript">  
Line 278: Line 259:
</head>  
</head>  
   
   
-
<body>
 
<div id="HIDARI">
<div id="HIDARI">
<ul class="acc">  
<ul class="acc">  
Line 284: Line 264:
     <ul class="fxmn">  
     <ul class="fxmn">  
       <li><div><a href="">First</a></div></li>  
       <li><div><a href="">First</a></div></li>  
-
       <li><div><a href="">Week1 (Aug 11-14)</a></div></li>  
+
       <li><div><a href="">Week1 ()</a></div></li>  
-
       <li><div><a href="">Week2 (Aug 15-21)</a></div></li>  
+
       <li><div><a href="">Week2 ()</a></div></li>  
-
       <li><div><a href="">Week3 (Aug 22-28)</a></div></li>  
+
       <li><div><a href="">Week3 ()</a></div></li>  
-
       <li><div><a href="">Week4 (Aug 29-Sep 4)</a></div></li>  
+
       <li><div><a href="">Week4 ()</a></div></li>  
-
       <li><div><a href="">Week5 (Sep 5-11)</a></div></li>  
+
       <li><div><a href="">Week5 ()</a></div></li>  
-
       <li><div><a href="">Week6 (Sep 12-18)</a></div></li>  
+
       <li><div><a href="">Week6 ()</a></div></li>  
-
       <li><div><a href="">Week7 (Sep 19-25)</a></div></li>  
+
       <li><div><a href="">Week7 ()</a></div></li>  
-
       <li><div><a href="">Week8 (Sep 26-Oct 2)</a></div></li>
+
       <li><div><a href="">Week8 ()</a></div></li>
-
       <li><div><a href="">Week9 (Oct 3-9)</a></div></li>  
+
       <li><div><a href="">Week9 ()</a></div></li>  
-
       <li><div><a href="">Week10 (Oct 10-13)</a></div></li>
+
       <li><div><a href="">Week10 ()</a></div></li>
     </ul>  
     </ul>  
   </li>  
   </li>  
Line 305: Line 285:
     <ul class="fxmn">  
     <ul class="fxmn">  
     <li><div><a href="">First</a></div></li>  
     <li><div><a href="">First</a></div></li>  
-
     <li><div><a href="">Week1 (Aug 22-28)</a></div></li>  
+
     <li><div><a href="">Week1 ()</a></div></li>  
-
     <li><div><a href="2">Week2 (Aug 29-Sep4)</a></div></li>  
+
     <li><div><a href="">Week2 ()</a></div></li>  
-
     <li><div><a href="">Week3 (Sep5-11)</a></div></li>  
+
     <li><div><a href="">Week3 ()</a></div></li>  
-
     <li><div><a href="">Week4 (Sep12-18)</a></div></li>  
+
     <li><div><a href="">Week4 ()</a></div></li>  
-
     <li><div><a href="">Week5 (Sep19-25)</a></div></li>  
+
     <li><div><a href="">Week5 ()</a></div></li>  
-
     <li><div><a href="">Week6 (Sep26-Oct2)</a></div></li>  
+
     <li><div><a href="">Week6 ()</a></div></li>  
-
     <li><div><a href="">Week7 (Oct3-9)</a></div></li>  
+
     <li><div><a href="">Week7 ()</a></div></li>  
-
     <li><div><a href="">Week8 (Oct10-16)</a></div></li>
+
     <li><div><a href="">Week8 ()</a></div></li>
-
     <li><div><a href="">Week9 (Oct17-23)</a></div></li>
+
     <li><div><a href="">Week9 ()</a></div></li>
     </ul>  
     </ul>  
   </li>  
   </li>  
</ul>
</ul>
</div>
</div>
-
</body>
 
-
<BR>
 
<br>
<br>
pfofile ex.<A href="https://2012.igem.org/Team:KIT-Kyoto/Team-Kazuko" >いちいち押すやつ</A>
pfofile ex.<A href="https://2012.igem.org/Team:KIT-Kyoto/Team-Kazuko" >いちいち押すやつ</A>
Line 327: Line 305:
<a href="http://www.colordic.org/w/"> 日本の伝統色</a>
<a href="http://www.colordic.org/w/"> 日本の伝統色</a>
<br>
<br>
-
 
-
 
-
 
</div>
</div>
</div>
</div>
-
 
</div>
</div>
-
 
</body>
</body>
</html>
</html>

Revision as of 01:10, 19 August 2012

PROFILE

idea note スクラップみたいにしてみる？？？？

Takaaki Takeda

detail

Shunji Matsuzaki

detail

idea note
pfofile ex.いちいち押すやつ
見出し go
日本の伝統色

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