File:Shome9.jpg

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>无标题文档</title>
 +
<style type="text/css">
 +
 +
#navigation{position:absolute;left:0px;top:0px;width:100%;height:80px;border-top:8px solid #0CC;} /*顶部  导航  一框*/
 +
#picture{position:absolute;left:0px;top:80px;width:100%;height:510px;border-top:10px solid #0CC;} /*图片集  二框*/
 +
#domain{position:absolute;left:0px;top:600px;width:100%;height:300px;border:1px solid black;} /*domain  三框*/
 +
#sponser{position:absolute;left:0px;top:900px;width:100%;height:350px;border-top:10px solid #0CC;background-color:#6CF} /*赞助  四框*/
 +
 +
#ks{position:absolute;left:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*ks  domain  三框内*/
 +
#at{position:absolute;left:33%;top:0px;width:34%;height:300px;border:1px solid black;text-align:center;} /*at  domain  三框内*/
 +
#acp{position:absolute;right:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*acp domain  三框内*/
 +
 +
 +
 +
/*一框*/
 +
.home{position:absolute;left:250px;top:0px;width:100px;height:auto;} /*导航*/
 +
.parts{position:absolute;left:350px;top:0px;width:100px;height:auto;}
 +
.attribution{position:absolute;left:450px;top:0px;width:100px;height:auto;}
 +
.team{position:absolute;left:550px;top:0px;width:100px;height:auto;}
 +
.notebook{position:absolute;left:650px;top:0px;width:100px;height:auto;}
 +
.project{position:absolute;left:750px;top:0px;width:100px;height:auto;}
 +
.human{position:absolute;left:850px;top:0px;width:100px;height:auto;}
 +
.model{position:absolute;left:950px;top:0px;width:100px;height:auto;}
 +
 +
 +
 +
/*二框*/
 +
.transhome{position:absolute;left:0px;top:0px;width:100%;height:auto;} /*HOME  透明框  二框内*/
 +
.transhome2{position:absolute;left:150px;bottom:10px;width:80%;height:auto;} /*蓝 透明框  二框内*/
 +
 +
 +
 +
 +
/*三框*/
 +
.picks{width:350px;height:70px;} /*domain  框图*/
 +
.picat{width:350px;height:70px;}
 +
.picacp{width:350px;height:70px;}
 +
 +
 +
.textks{font-family:Arial, Helvetica, sans-serif;font-size:24px;} /*domian 介绍*/
 +
.textat{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 +
.textacp{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 +
 +
 +
 +
/*四框*/
 +
.spopic1{position:absolute;left:0px;top:0px;width:20%;height:120px;} /*赞助  logo*/
 +
.spopic2{position:absolute;left:20%;top:0px;width:20%;height:120px;}
 +
.spopic3{position:absolute;left:40%;top:0px;width:20%;height:120px;}
 +
.spopic4{position:absolute;left:60%;top:0px;width:20%;height:120px;}
 +
.spopic5{position:absolute;left:80%;top:0px;width:20%;height:120px;}
 +
 +
.intro1{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} /*赞助介绍*/
 +
.intro2{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
.intro3{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
.intro4{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
.intro5{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
</style>
 +
 +
 +
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
$(".intro1,.intro2,.intro3,.intro4,.intro5").hide();
 +
});
 +
 +
$(document).ready(function(){
 +
$(".spopic1").mouseover(function(){
 +
$(".intro1").fadeIn("solw");
 +
});
 +
});
 +
 +
 +
</script>
 +
</head>
 +
 +
<body>
 +
 +
<!--一框-->
 +
<div id="navigation">
 +
<img class="home" src="image/1.png" />
 +
<img class="parts" src="image/2.png" />
 +
<img class="attribution" src="image/3.png" />
 +
<img class="team" src="image/4.png" />
 +
<img class="notebook" src="image/5.png" />
 +
<img class="project" src="image/6.png" />
 +
<img class="human" src="image/8(1).png" />
 +
<img class="model" src="image/7.png" />
 +
</div> <!--一框  完-->
 +
 +
 +
<!--二框-->
 +
<div id="picture">
 +
 +
 +
<img class="transhome" src="image/1-01 (2).png" />
 +
<img class="transhome2" src="image/4-001.png" />
 +
</div> <!--二框  完-->
 +
 +
<!--三框-->
 +
<div id="domain">
 +
 +
<div id="ks">
 +
<img class="picks" src="image/05.png" />
 +
<p class="textks">
 +
KS
 +
</p>
 +
</div>
 +
 +
<div id="at">
 +
<img class="picat" src="image/60.png" />
 +
<p class="textat">
 +
AT
 +
</p>
 +
</div>
 +
 +
<div id="acp">
 +
<img class="picacp" src="image/70.png" />
 +
<p class="textacp">
 +
ACP
 +
</p>
 +
</div>
 +
 +
</div> <!--三框  完-->
 +
 +
<!--四框-->
 +
<div id="sponser">
 +
 +
<a href="http://bswyqs.cn.china.cn/">
 +
<img class="spopic1" src="image/dongsheng.jpg" />
 +
</a>
 +
 +
<a href="http://genewizsz.bioon.com.cn/">
 +
<img class="spopic2" src="image/QQ图片20140922230123.jpg" />
 +
</a>
 +
 +
<a href="http://generay.com.cn/">
 +
<img class="spopic3" src="image/LOGO-带TM，清晰.jpg" />
 +
</a>
 +
 +
<a href="http://www.transgen.com.cn/">
 +
<img class="spopic4" src="image/QQ图片20140922230400.jpg" />
 +
</a>
 +
 +
<div class="intro1">
 +
</div>
 +
 +
<div class="intro2">
 +
</div>
 +
 +
<div class="intro3">
 +
</div>
 +
 +
<div class="intro4">
 +
</div>
 +
 +
<div class="intro5">
 +
</div>
 +
</div> <!--四框  完-->
 +
</body>
 +
</html>
 +
 +
 +
 +
 +
#navigation{position:absolute;left:0px;top:0px;width:100%;height:80px;border-top:8px solid #0CC;} /*顶部  导航  一框*/
 +
#picture{position:absolute;left:0px;top:80px;width:100%;height:510px;border-top:10px solid #0CC;} /*图片集  二框*/
 +
#domain{position:absolute;left:0px;top:600px;width:100%;height:300px;border:1px solid black;} /*domain  三框*/
 +
#sponser{position:absolute;left:0px;top:900px;width:100%;height:350px;border-top:10px solid #0CC;background-color:#6CF} /*赞助  四框*/
 +
 +
#ks{position:absolute;left:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*ks  domain  三框内*/
 +
#at{position:absolute;left:33%;top:0px;width:34%;height:300px;border:1px solid black;text-align:center;} /*at  domain  三框内*/
 +
#acp{position:absolute;right:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*acp domain  三框内*/
 +
 +
 +
 +
/*一框*/
 +
.home{position:absolute;left:250px;top:0px;width:100px;height:auto;} /*导航*/
 +
.parts{position:absolute;left:350px;top:0px;width:100px;height:auto;}
 +
.attribution{position:absolute;left:450px;top:0px;width:100px;height:auto;}
 +
.team{position:absolute;left:550px;top:0px;width:100px;height:auto;}
 +
.notebook{position:absolute;left:650px;top:0px;width:100px;height:auto;}
 +
.project{position:absolute;left:750px;top:0px;width:100px;height:auto;}
 +
.human{position:absolute;left:850px;top:0px;width:100px;height:auto;}
 +
.model{position:absolute;left:950px;top:0px;width:100px;height:auto;}
 +
 +
 +
 +
/*二框*/
 +
.transhome{position:absolute;left:0px;top:0px;width:100%;height:auto;} /*HOME  透明框  二框内*/
 +
.transhome2{position:absolute;left:150px;bottom:10px;width:80%;height:auto;} /*蓝 透明框  二框内*/
 +
 +
 +
 +
 +
/*三框*/
 +
.picks{width:350px;height:70px;} /*domain  框图*/
 +
.picat{width:350px;height:70px;}
 +
.picacp{width:350px;height:70px;}
 +
 +
 +
.textks{font-family:Arial, Helvetica, sans-serif;font-size:24px;} /*domian 介绍*/
 +
.textat{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 +
.textacp{font-family:Arial, Helvetica, sans-serif;font-size:60px;}
 +
 +
 +
 +
/*四框*/
 +
.spopic1{position:absolute;left:0px;top:0px;width:20%;height:120px;} /*赞助  logo*/
 +
.spopic2{position:absolute;left:20%;top:0px;width:20%;height:120px;}
 +
.spopic3{position:absolute;left:40%;top:0px;width:20%;height:120px;}
 +
.spopic4{position:absolute;left:60%;top:0px;width:20%;height:120px;}
 +
.spopic5{position:absolute;left:80%;top:0px;width:20%;height:120px;}
 +
 +
.intro1{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} /*赞助介绍*/
 +
.intro2{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
.intro3{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
.intro4{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
.intro5{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;}
 +
</style>
 +
 +
 +
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
$(".intro1,.intro2,.intro3,.intro4,.intro5").hide();
 +
});
 +
 +
$(document).ready(function(){
 +
$(".spopic1").mouseover(function(){
 +
$(".intro1").fadeIn("solw");
 +
});
 +
});
 +
 +
 +
</script>
 +
</head>
 +
 +
<body>
 +
 +
<!--一框-->
 +
<div id="navigation">
 +
<img class="home" src="image/1.png" />
 +
<img class="parts" src="image/2.png" />
 +
<img class="attribution" src="image/3.png" />
 +
<img class="team" src="image/4.png" />
 +
<img class="notebook" src="image/5.png" />
 +
<img class="project" src="image/6.png" />
 +
<img class="human" src="image/8(1).png" />
 +
<img class="model" src="image/7.png" />
 +
</div> <!--一框  完-->
 +
 +
 +
<!--二框-->
 +
<div id="picture">
 +
 +
 +
<img class="transhome" src="image/1-01 (2).png" />
 +
<img class="transhome2" src="image/4-001.png" />
 +
</div> <!--二框  完-->
 +
 +
<!--三框-->
 +
<div id="domain">
 +
 +
<div id="ks">
 +
<img class="picks" src="image/05.png" />
 +
<p class="textks">
 +
KS
 +
</p>
 +
</div>
 +
 +
<div id="at">
 +
<img class="picat" src="image/60.png" />
 +
<p class="textat">
 +
AT
 +
</p>
 +
</div>
 +
 +
<div id="acp">
 +
<img class="picacp" src="image/70.png" />
 +
<p class="textacp">
 +
ACP
 +
</p>
 +
</div>
 +
 +
</div> <!--三框  完-->
 +
 +
<!--四框-->
 +
<div id="sponser">
 +
 +
<a href="http://bswyqs.cn.china.cn/">
 +
<img class="spopic1" src="image/dongsheng.jpg" />
 +
</a>
 +
 +
<a href="http://genewizsz.bioon.com.cn/">
 +
<img class="spopic2" src="image/QQ图片20140922230123.jpg" />
 +
</a>
 +
 +
<a href="http://generay.com.cn/">
 +
<img class="spopic3" src="image/LOGO-带TM，清晰.jpg" />
 +
</a>
 +
 +
<a href="http://www.transgen.com.cn/">
 +
<img class="spopic4" src="image/QQ图片20140922230400.jpg" />
 +
</a>
 +
 +
<div class="intro1">
 +
</div>
 +
 +
<div class="intro2">
 +
</div>
 +
 +
<div class="intro3">
 +
</div>
 +
 +
<div class="intro4">
 +
</div>
 +
 +
<div class="intro5">
 +
</div>
 +
</div> <!--四框  完-->
 +
</body>
 +
</html>

Revision as of 07:57, 6 October 2014

KS

AT

ACP



  1. navigation{position:absolute;left:0px;top:0px;width:100%;height:80px;border-top:8px solid #0CC;} /*顶部 导航 一框*/
  2. picture{position:absolute;left:0px;top:80px;width:100%;height:510px;border-top:10px solid #0CC;} /*图片集 二框*/
  3. domain{position:absolute;left:0px;top:600px;width:100%;height:300px;border:1px solid black;} /*domain 三框*/
  4. sponser{position:absolute;left:0px;top:900px;width:100%;height:350px;border-top:10px solid #0CC;background-color:#6CF} /*赞助 四框*/
  1. ks{position:absolute;left:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*ks domain 三框内*/
  2. at{position:absolute;left:33%;top:0px;width:34%;height:300px;border:1px solid black;text-align:center;} /*at domain 三框内*/
  3. acp{position:absolute;right:0px;top:0px;width:33%;height:300px;border:1px solid black;text-align:center;} /*acp domain 三框内*/


/*一框*/ .home{position:absolute;left:250px;top:0px;width:100px;height:auto;} /*导航*/ .parts{position:absolute;left:350px;top:0px;width:100px;height:auto;} .attribution{position:absolute;left:450px;top:0px;width:100px;height:auto;} .team{position:absolute;left:550px;top:0px;width:100px;height:auto;} .notebook{position:absolute;left:650px;top:0px;width:100px;height:auto;} .project{position:absolute;left:750px;top:0px;width:100px;height:auto;} .human{position:absolute;left:850px;top:0px;width:100px;height:auto;} .model{position:absolute;left:950px;top:0px;width:100px;height:auto;}


/*二框*/ .transhome{position:absolute;left:0px;top:0px;width:100%;height:auto;} /*HOME 透明框 二框内*/ .transhome2{position:absolute;left:150px;bottom:10px;width:80%;height:auto;} /*蓝 透明框 二框内*/



/*三框*/ .picks{width:350px;height:70px;} /*domain 框图*/ .picat{width:350px;height:70px;} .picacp{width:350px;height:70px;}


.textks{font-family:Arial, Helvetica, sans-serif;font-size:24px;} /*domian 介绍*/ .textat{font-family:Arial, Helvetica, sans-serif;font-size:60px;} .textacp{font-family:Arial, Helvetica, sans-serif;font-size:60px;}


/*四框*/ .spopic1{position:absolute;left:0px;top:0px;width:20%;height:120px;} /*赞助 logo*/ .spopic2{position:absolute;left:20%;top:0px;width:20%;height:120px;} .spopic3{position:absolute;left:40%;top:0px;width:20%;height:120px;} .spopic4{position:absolute;left:60%;top:0px;width:20%;height:120px;} .spopic5{position:absolute;left:80%;top:0px;width:20%;height:120px;}

.intro1{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} /*赞助介绍*/ .intro2{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} .intro3{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} .intro4{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} .intro5{position:absolute;left:15%;top:130px;width:70%;height:200px;border:5px solid #0CC;} </style>


<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script>

<script> $(document).ready(function(){ $(".intro1,.intro2,.intro3,.intro4,.intro5").hide(); });

$(document).ready(function(){ $(".spopic1").mouseover(function(){ $(".intro1").fadeIn("solw"); }); });


</script> </head>

<body>



<img class="transhome" src="image/1-01 (2).png" /> <img class="transhome2" src="image/4-001.png" />

<img class="picks" src="image/05.png" />

KS

<img class="picat" src="image/60.png" />

AT

<img class="picacp" src="image/70.png" />

ACP

<a href="http://bswyqs.cn.china.cn/"> <img class="spopic1" src="image/dongsheng.jpg" /> </a>

<a href="http://genewizsz.bioon.com.cn/"> <img class="spopic2" src="image/QQ图片20140922230123.jpg" /> </a>

<a href="http://generay.com.cn/"> <img class="spopic3" src="image/LOGO-带TM，清晰.jpg" /> </a>

<a href="http://www.transgen.com.cn/"> <img class="spopic4" src="image/QQ图片20140922230400.jpg" /> </a>

</body> </html>

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current07:51, 6 October 2014Thumbnail for version as of 07:51, 6 October 20142,732×1,100 (1.53 MB)Xuan303 (Talk | contribs)

There are no pages that link to this file.

Metadata

This file contains additional information, probably added from the digital camera or scanner used to create or digitize it. If the file has been modified from its original state, some details may not fully reflect the modified file.
Camera manufacturer Canon
Camera model Canon EOS 600D
Exposure time 1/50 sec (0.02)
F Number f/4.5
ISO speed rating 200
Date and time of data generation 15:07, 21 September 2014
Lens focal length 33 mm
Orientation Normal
Horizontal resolution 240 dpi
Vertical resolution 240 dpi
Software used Adobe Photoshop CS4 Windows
File change date and time 11:17, 29 September 2014
Exposure Program Aperture priority
Exif version 2.3
Date and time of digitizing 15:07, 21 September 2014
Shutter speed 5.643856
Aperture 4.33985
Exposure bias 0
Maximum land aperture 4.25
Metering mode Pattern
Flash Flash did not fire, compulsory flash suppression
DateTime subseconds 00
DateTimeOriginal subseconds 00
DateTimeDigitized subseconds 00
Color space 65535
Focal plane X resolution 5,728.1767955801
Focal plane Y resolution 5,808.4033613445
Focal plane resolution unit inches
Custom image processing Normal process
Exposure mode Auto exposure
White balance Auto white balance
Scene capture type Standard
Retrieved from "http://2014.igem.org/File:Shome9.jpg"