基礎ゼミチーム/basic seminar team/member: Difference between revisions
Naito Ushio (talk | contribs) No edit summary |
Naito Ushio (talk | contribs) No edit summary |
||
Line 367: | Line 367: | ||
<div id="photo6">Yoriko Hashida / 橋田典子</div> | <div id="photo6">Yoriko Hashida / 橋田典子</div> | ||
<div id="photo1"></div> | <div id="photo1"></div> | ||
Line 387: | Line 377: | ||
<div id="photo1"></div> | <div id="photo1"></div> | ||
<div id="photo2"></div> | <div id="photo2"></div> | ||
<img src="http://openwetware.org/images/ | <img src="http://openwetware.org/images/5/50/Muranaka.jpg" style="float:left;"> | ||
<div id="photo5"></div> | <div id="photo5"></div> | ||
<div id="photo6">Kenta Muranaka / 村中建太</div> | <div id="photo6">Kenta Muranaka / 村中建太</div> |
Revision as of 22:34, 7 September 2012
<html> <head> <style type="text/css"> /* 一番外側のboxのかこいです。幅1000px、高さ2000px */
- wrapper{
width:1000px; /*height:2000px;*/ }
h1{ visibility: hidden; }
/* タイトルのboxです。内側は上に10px、左側30px*/
div#head-1{
color:#008000;
font-size:30px;
width:970px;
height:40px;
padding:10px 0px 0px 30px;
}
/* タイトル下の太めアンダーライン 枠が3px X 2で6pxずらしてる */
- head-under{
height:7px; width:994px; border-style:solid; border-width:3px; border-color:#98FB98; background-color:#008000; }
/* メニューの外枠 */
div#menu{
width:1000px;
height:40px;
text-align:center;
padding:8px 0px;
font-size:22px;
}
/* リンクボタン左端 線なしなので200px */ div#HOME{ width:165px; height:30px; float:left; }
/* リンクボタン線あり 線の幅2pxと中の枠198px */ div#bottun{ width:163px; height:30px; border-style:solid; border-width:0px 0px 0px 2px; float:left; }
/* リンクボタン */ a:link{ color:black; }
/* リンクボタン 押したことのあるやつの色 */ a:visited{ color:#777; }
/* カーソル置いた時の変化 背景が変わる */ a:hover div{ background-color:#eee; }
/* ヘッドの下の細い線 */
- under-line{
clear:left; width:1000px; height:4px; background-color:green; margin:6px 0px; }
/*ここまでヘッドのスタイルシート*/
/* タイトルの配置 */
- line-title{
width:912px; height:30px; float:left; margin:10px 0px 0px 30px; }
/* タイトル文字 */
font#head{
valign:bottom;
font-size:27px;
color:#8B4513;
}
/* 左上の白いBOX */
- line1
{ background-color:white; float:left; width:28px; height:40px; }
/*左真ん中の色つき横側線*/
- line2{
background-color:#FF4500; width:20px; height:40px; float:left; }
/* 真ん中左の空白 */
- line2-5{
clear:left; float:left; width:20px; height:6px; background-color:white; }
/* 真ん中の細長線*/
- line3{
height:6px; background-color:#FF4500; width:950px; float:left; }
/* 下側左の空白 */
- line4{
background-color:white; width:28px; height:5px; float:left; clear:left; }
/*下真ん中の色つき縦線 */
- line5{
background-color:#FF4500; width:20px; height:5px; float:left; }
/* した右側の空白 */
- line6{
background-color:white; width:932px; height:5px; float:left; }
/* タイトル下空白 */
- yohaku{
width:1000px; clear:left; height:7px; }
/* 記事左側余白 */
- kiji-line1{
width:36px; background-color:white; float:left; clear:left; height:2px; }
/* 記事左側色つき線 */
- kiji-line2{
width:3px; float:left; height:500px; background-color:#8B4513; }
/* 記事内容 幅931px+マージン15px×2+3px+36px = 1000px */
- kiji{
width:931px; /*height:500px;*/ float:left; background-color:white; padding:15px; border-style:solid; border-width:0px 0px 3px 3px; border-color:#8B4513; }
- photo1{
width:20px; height:200px; float:left; clear:left; }
- photo2{
width:4px; height:200px; background-color:brown; float:left; }
- photo5{
height:15px; width:20px; clear:left; float:left; }
- photo6{
height:15x; width:204px; background-color:brown; float:left; color:white; font-size:15px; text-align:center; margin:0 0 10px 0; }
</style> </head> <body> <div id="wrapper">
<div id="head-1"> BIOMOD2012 Tohoku Team B </div>
<div id="head-under"></div>
<!-- メニューバーの囲い -->
<div id="menu">
<div style="float:left;width:5px;height:30px;">
</div>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team"><div id="HOME">
HOME
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/project"><div id="bottun">
Project
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/experiment_result"><div id="bottun">
Experiment
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/diary"><div id="bottun">
Diary
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/member">
<div id="bottun">
Team
</div></a>
<a href="http://openwetware.org/wiki/%E5%9F%BA%E7%A4%8E%E3%82%BC%E3%83%9F%E3%83%81%E3%83%BC%E3%83%A0/basic_seminar_team/link">
<div id="bottun">
Link
</div></a>
<br>
<div id="under-line">
</div>
</div>
<!--================--> <!-- 記事部分 --> <!--================--> <div id="line1"></div> <div id="line2"></div>
<div id="line-title"> <font id="head">Member</font> </div> <div id="line2-5"></div> <div id="line3"></div>
<div id="line4"></div> <div id="line5"></div> <div id="line6"></div>
<div id="yohaku"></div>
<div id="kiji-line1"></div> <div id="kiji"> <div style="background-color:#bbb;margin:20px 100px 20px 100px;text-align:center;"> <img src="http://openwetware.org/images/thumb/b/b2/Team-picture-sub.jpg/800px-Team-picture-sub.jpg" style="width:700px;margin:5px 0 0 0;"><br> <div style="background-color:white;border-style:solid;border-width:5px;border-color:#bbb;">our members</div> </div>
<h2 style="font-color:#ccffbb">Second grader</h2>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/d1/Bruta.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Tomoki Aota / 青田智来</div>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/a/ac/Naito.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Ushio Naito / 内藤 潮</div>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/3/3d/Yabu.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Goro Yabu / 藪 悟郎</div>
<br> <h2 style="font-color:#ccffbb;clear:left;">First grader / Basic seminar course </h2>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/4/4f/Koyama2.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Takumi Koyama / 小山拓弥</div>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/d4/Sutou.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Kazuki Suto / 須藤和希</div>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/dd/Hayasaka.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Mizuki Hayasaka / 早坂美月</div>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/d/d6/Yotty.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Yoriko Hashida / 橋田典子</div>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/3/39/Funabashi.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Azusa Funabashi / 舟橋 梓</div>
<div id="photo1"></div> <div id="photo2"></div> <img src="http://openwetware.org/images/5/50/Muranaka.jpg" style="float:left;"> <div id="photo5"></div> <div id="photo6">Kenta Muranaka / 村中建太</div>
<h2 style="clear:left;">Menter</h2>
<h3>Shogo Kudo / 工藤翔吾</h3><h3>Yumiko Kumagai / 熊谷裕美子</h3><h3>Keitel Cervantes-Salguero</h3>
</div>
</div>
</body>
</html>