Team:Tsinghua/Human practice/Gallery

From 2014.igem.org

(Difference between revisions)
Line 68: Line 68:
   <!-- end .sidebar1 --></div>
   <!-- end .sidebar1 --></div>
-
   <article class="content"><div id="info">
+
   <article class="content"><div id="gallery">
-
  <h3>子鼠的CSS相册</h3>
+
    <h1>纯CSS3相册效果</h1>
-
  <div id="zs">
+
     <ul>
-
     <ul>
+
 
-
      <li><a href="http://www.blueidea.com" class="b1 z" target="_blank" title="照片1"><span><img src="https://static.igem.org/mediawiki/2014/f/fe/Tsinghua_Gallery2.jpg" alt="照片1" /><br />
+
        <li>
-
        这是照片1<br />
+
            <span class="touch"><img src="images/pic1.jpg"/></span>
-
        www.blueidea.com</span></a></li>
+
 
-
      <li><a href="http://www.blueidea.com" class="b2 z" target="_blank" title="照片2"><span><img src="/articleimg/2006/07/3784/a2.jpg" alt="照片2" /><br />
+
            <div style="display: block;">
-
         这是照片2<br />
+
                <img src="images/pic1.jpg"/>
-
         www.blueidea.com</span></a></li>
+
            </div>
-
      <li><a href="http://www.blueidea.com" class="b3 z" target="_blank" title="照片3"><span><img src="/articleimg/2006/07/3784/a3.jpg" alt="照片3" /><br />
+
         </li>
-
         这是照片3<br />
+
 
-
         www.blueidea.com</span></a></li>
+
         <li>
-
      <li><a href="http://www.blueidea.com" class="b4 z" target="_blank" title="照片4"><span><img src="/articleimg/2006/07/3784/a4.jpg" alt="照片4" /><br />
+
            <span><img src="images/pic2.jpg"/></span>
-
         这是照片4<br />
+
 
-
         www.blueidea.com</span></a></li>
+
            <div> 
-
      <li><a href="http://www.blueidea.com" class="b5 z" target="_blank" title="照片5"><span><img src="/articleimg/2006/07/3784/a5.jpg" alt="照片5" /><br />
+
                <img src="images/pic2.jpg"/>
-
        这是照片5<br />
+
            </div>
-
        www.blueidea.com</span></a></li>
+
         </li>
-
      <li><a href="http://www.blueidea.com" class="b6 z" target="_blank" title="照片6"><span><img src="/articleimg/2006/07/3784/a6.jpg" alt="照片6" /><br />
+
         <li>
-
         这是照片6<br />
+
            <span><img src="images/pic3.jpg"/></span>
-
         www.blueidea.com</span></a></li>
+
 
-
      <li><a href="http://www.blueidea.com" class="b1 z" target="_blank" title="照片1"><span><img src="/articleimg/2006/07/3784/a1.jpg" alt="照片1" /><br />
+
            <div> 
-
        这是照片1<br />
+
                <img src="images/pic3.jpg"/>
-
        www.blueidea.com</span></a></li>
+
            </div>
-
      <li><a href="http://www.blueidea.com" class="b2 z" target="_blank" title="照片2"><span><img src="/articleimg/2006/07/3784/a2.jpg" alt="照片2" /><br />
+
         </li>
-
         这是照片2<br />
+
 
-
        www.blueidea.com</span></a></li>
+
         <li>
-
    </ul>
+
            <span><img src="images/pic4.jpg"/></span>
-
   </div>
+
 
-
</div>
+
            <div>
 +
                <img src="images/pic4.jpg"/>
 +
            </div>
 +
         </li>
 +
 
 +
         <li>
 +
            <span><img src="images/pic5.jpg"/></span>
 +
 
 +
            <div>
 +
                <img src="images/pic5.jpg"/>
 +
            </div>
 +
         </li>
 +
 
 +
 
 +
    </ul>
 +
 
 +
    <div class="clearfix"></div>
 +
</div>
 +
 
 +
    
 +
</body>
</article>
</article>
<footer>
<footer>

Revision as of 17:24, 16 October 2014

Team Tsinghua 2014 Return to iGEM 2014

Retrieved from "http://2014.igem.org/Team:Tsinghua/Human_practice/Gallery"