Team:SUSTC-Shenzhen-A/tutorial test

From 2012.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
<HEAD>
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>无标题文档</title>
<STYLE type=text/css>
<STYLE type=text/css>
-
<!--我们需要先把igem原网站的一些东西删掉-->
 
-
#globalWrapper {width: 100%;  }
 
-
#top-section {width: 100%; height:100%; border:none;}
 
-
#p-logo {display:none;}
 
-
#search-controls {display:none;}
 
-
.printfooter {display:none;}
 
-
#footer-box {border:none;}
 
-
.firstHeading {display:none;}
 
-
#content { border:none; width:1024px; }
 
-
#bodyContent {border:none;  }
 
-
 
-
 
-
#catlinks {display:none;  }
 
-
 
-
#footer-box  {display:none;  }
 
-
 
-
BODY {
 
-
FONT-SIZE: 14px; }
 
OL LI {
OL LI {
MARGIN: 8px
MARGIN: 8px
}
}
#con {
#con {
-
FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 550px
+
FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 490px
}
}
#tags {
#tags {
-
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 600px; PADDING-TOP: 0px; HEIGHT: 40px
+
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 490px; PADDING-TOP: 0px; HEIGHT: 40px
}
}
#tags LI {
#tags LI {
-
BACKGROUND: url(http://taftproot.gotoip2.com/ld/images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 40px
+
BACKGROUND: url(http://taftproot.gotoip2.com/ld/images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 0px; LIST-STYLE-TYPE: none; HEIGHT: 40px
}
}
#tags LI A {
#tags LI A {
Line 53: Line 37:
DISPLAY: block
DISPLAY: block
}
}
 +
 +
 +
 +
#width_1{width:100px}
 +
 +
 +
  #course {
 +
border-width:0px 1px 1px 1px;
 +
border-style:solid;
 +
border-color:#f3c3f3;
 +
width:150px;
 +
}
 +
  #course dt,#course dd {
 +
margin:0;
 +
padding:3px;
 +
font-size:15px;
 +
}
 +
  #course dt {
 +
border-top: 1px solid #f3c3f3;
 +
font-weight: bold;
 +
background-color:#c3f3c3;
 +
}
</STYLE>
</STYLE>
-
</HEAD>
+
</head>
-
<BODY>
+
 
-
<DIV id=con>
+
<body>
 +
<table width="200" border="0">
 +
  <tr>
 +
    <td><DIV id=con>
<UL id=tags>
<UL id=tags>
   <LI><A onMouseOver="selectTag('tagContent0',this)"  
   <LI><A onMouseOver="selectTag('tagContent0',this)"  
Line 68: Line 77:
   </UL>
   </UL>
<DIV id=tagContent>
<DIV id=tagContent>
-
<DIV class=tagContent id=tagContent0> <table width="505" border="0">
+
<DIV class=tagContent id=tagContent0>
 +
  <table width="458" border="0">
     <tr>
     <tr>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_01.png" width="300" height="500"></td>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_01.png" width="300" height="500"></td>
Line 75: Line 85:
   </table></DIV>
   </table></DIV>
<DIV class="tagContent selectTag" id=tagContent1>
<DIV class="tagContent selectTag" id=tagContent1>
-
   <table width="505" border="0">
+
   <table width="458" border="0">
     <tr>
     <tr>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_02.png" width="300" height="500"></td>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_02.png" width="300" height="500"></td>
-
       <td width="195"><p><strong>This is the first page after you open the  app first time. In this page, you can choice your address in order we can  choice the best server to provide the data.</strong></p></td>
+
       <td width="148"><p><strong>This is the first page after you open the  app first time. In this page, you can choice your address in order we can  choice the best server to provide the data.</strong></p></td>
     </tr>
     </tr>
   </table>
   </table>
</DIV>
</DIV>
<DIV class=tagContent id=tagContent2>  
<DIV class=tagContent id=tagContent2>  
-
  <table width="505" border="0">
+
  <table width="458" border="0">
     <tr>
     <tr>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_03.png" width="300" height="500"></td>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_03.png" width="300" height="500"></td>
Line 90: Line 100:
   </table></DIV>
   </table></DIV>
<DIV class=tagContent id=tagContent3>  
<DIV class=tagContent id=tagContent3>  
-
  <table width="505" border="0">
+
  <table width="458" border="0">
     <tr>
     <tr>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_04.png" width="300" height="500"></td>
       <td width="300"><img src="http://taftproot.gotoip2.com/ld/img/tutorial_04.png" width="300" height="500"></td>
Line 113: Line 123:
</SCRIPT>
</SCRIPT>
<br />
<br />
-
</BODY>
+
</td>
-
</HTML>
+
<td>
 +
<div id="width_1"></div>
 +
</td>
 +
    <td>
 +
   
 +
   
 +
    <dl id="course">
 +
<dt><strong>Step 1 - 4</strong></dt>
 +
  <dd>&nbsp;</dd>
 +
<dt>Step 5 - 8</dt>
 +
  <dd>&nbsp;</dd>
 +
<dt>Step 9 - 12</dt>
 +
  <dd>&nbsp;</dd>
 +
<dt>Step 13 - 16</dt>
 +
  <dd>&nbsp;</dd>
 +
<dt>Step 17 - 20</dt>
 +
  <dd>&nbsp;</dd>
 +
<dt>Step 21 - 24</dt>
 +
  <dd>&nbsp;</dd>
 +
<dt>Step 25 - 28</dt>
 +
  <dd>&nbsp;</dd>
 +
<dt>Step 28 - 32</dt>
 +
  <dd>&nbsp;</dd>
 +
</dl>
 +
   
 +
   
 +
    </td>
 +
  </tr>
 +
</table>
 +
</body>
 +
</html>

Latest revision as of 15:48, 18 September 2012

无标题文档

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

Step 1 - 4
 
Step 5 - 8
 
Step 9 - 12
 
Step 13 - 16
 
Step 17 - 20
 
Step 21 - 24
 
Step 25 - 28
 
Step 28 - 32
 

Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-A/tutorial_test"