Difference between revisions of "Team:Tokyo-NoKoGen/Demo"

Line 37: Line 37:
 
}
 
}
  
−
div#team {
+
.team {
 
width:250px;
 
width:250px;
 
height:300px;
 
height:300px;
Line 45: Line 45:
 
       border:solid 1px #000000;
 
       border:solid 1px #000000;
 
float:right;
 
float:right;
 +
cursor:pointer;
 
}
 
}
 
div#box2 /*2段目の箱*/ {
 
div#box2 /*2段目の箱*/ {
Line 56: Line 57:
 
}
 
}
  
−
div#facebook {
+
.facebook {
 
width:200px;
 
width:200px;
 
height:135px;
 
height:135px;
Line 70: Line 71:
 
　  position:absolute;
 
　  position:absolute;
 
left:15px;
 
left:15px;
 +
cursor:pointer;
 
}
 
}
−
div#twitter {
+
.twitter {
 
width:200px;
 
width:200px;
 
height:140px;
 
height:140px;
Line 83: Line 85:
 
display: table-cell;     
 
display: table-cell;     
 
     　 vertical-align: middle;　　
 
     　 vertical-align: middle;　　
 +
cursor:pointer;
 
     　 　}
 
     　 　}
  
−
div#project {
+
.project {
 
width:650px;
 
width:650px;
 
height:300px;
 
height:300px;
Line 93: Line 96:
 
       border:solid 1px #000000;
 
       border:solid 1px #000000;
 
float:right;
 
float:right;
 +
cursor:pointer;
 
}
 
}
 
div#box3 /*3段目の箱*/ {
 
div#box3 /*3段目の箱*/ {
Line 102: Line 106:
 
         top:350px
 
         top:350px
 
}
 
}
−
div#Ache {
+
.Ache {
 
width:210px;
 
width:210px;
 
height:300px;
 
height:300px;
Line 111: Line 115:
 
display: inline-block; _display: inline;
 
display: inline-block; _display: inline;
 
float:left;
 
float:left;
 +
cursor:pointer;
 
}
 
}
−
div#Human {
+
.Human {
 
width:210px;
 
width:210px;
 
height:300px;
 
height:300px;
Line 121: Line 126:
 
display: inline-block; _display: inline;
 
display: inline-block; _display: inline;
 
float:left;
 
float:left;
 +
cursor:pointer;
 
}
 
}
−
div#parts {
+
.parts {
 
width:210px;
 
width:210px;
 
height:300px;
 
height:300px;
Line 131: Line 137:
 
display: inline-block; _display: inline;
 
display: inline-block; _display: inline;
 
float:left;
 
float:left;
 +
cursor:pointer;
  
 
}
 
}
−
      div#safety {
+
      .safety {
 
width:210px;
 
width:210px;
 
height:300px;
 
height:300px;
Line 142: Line 149:
 
        display: inline-block; _display: inline;
 
        display: inline-block; _display: inline;
 
float:left;
 
float:left;
 +
cursor:pointer;
 
}
 
}
  
Line 230: Line 238:
 
   　　　　　　　  <img src="http://junk-blog.com/wp-content/uploads/2014/09/sample_image.jpg" alt="サンプル画像" width="550" height="250"alt="Overview"/>
 
   　　　　　　　  <img src="http://junk-blog.com/wp-content/uploads/2014/09/sample_image.jpg" alt="サンプル画像" width="550" height="250"alt="Overview"/>
 
   　　　　　　　
 
   　　　　　　　
−
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen" target="_blank"></a>
+
   　　　　　　　  <a href="https://2015.igem.org/Team:Tokyo-NoKoGen" target="_blank"></a></td>
 
                            
 
                            
 
   　　　　　　　  
 
   　　　　　　　  
 
　　　　</div>
 
　　　　</div>
 
　　　　
 
　　　　
−
　　<div id="team">
+
　　<div class="team">
 
　<p>team</p>
 
　<p>team</p>
 +
　
 +
　<a href="https://2015.igem.org/Team:Tokyo-NoKoGen/Team" target="_blank" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7 ></a>
 +
　
 
       　　 </div>
 
       　　 </div>
 
          
 
          
 
<div id="box2"/*見えない2段目のボックス*/>　
 
<div id="box2"/*見えない2段目のボックス*/>　
−
<div id="facebook">
+
<div class="facebook">
 
   　　　　　　　 <p>facebook</p>
 
   　　　　　　　 <p>facebook</p>
 +
  　　　　　　　<a href="https://www.facebook.com/tokyo.nokogen" target="_blank"></a>
 +
  　　　　　　　
 
   　　</div>
 
   　　</div>
−
   　　<div id="twitter">
+
   　　<div class="twitter">
 
   　　　　　　　 <p>twitter</p>
 
   　　　　　　　 <p>twitter</p>
 +
  　　　　　　　 <a href="https://twitter.com/iGEM_Nokogen" target="_blank"></a>
 +
  　　　　　　　
 
   　　</div>
 
   　　</div>
 
   　　
 
   　　
−
  　　 　<div id="project">
+
  　　 　<div class="project">
 
   　　　　　　<p>project</p>　  
 
   　　　　　　<p>project</p>　  
 
   　　　</div>
 
   　　　</div>
 
      
 
      
 
       <div id="box3"/*見えない3段目のボックス*/>　　
 
       <div id="box3"/*見えない3段目のボックス*/>　　
−
   　　<div id="Ache">
+
   　　<div class="Ache">
 
   　　　　　　　 <p>Achievement</p>
 
   　　　　　　　 <p>Achievement</p>
 
   　　</div>
 
   　　</div>
−
   　　<div id="Human">
+
   　　<div class="Human">
 
   　　　　　　　 <p>Human practice</p>
 
   　　　　　　　 <p>Human practice</p>
 
   　　</div>
 
   　　</div>
−
   　　<div id="parts">
+
   　　<div class="parts">
 
   　　　　　　　 <p>Parts</p>
 
   　　　　　　　 <p>Parts</p>
 
   　　</div>
 
   　　</div>
−
   　　 <div id="safety">
+
   　　 <div class="safety">
 
   　　　　　　　 <p>Safety</p>
 
   　　　　　　　 <p>Safety</p>
 
   　　</div>
 
   　　</div>
Line 279: Line 294:
 
     });
 
     });
 
});
 
});
 +
 +
$(function(){
 +
    $(".team").click(function(){
 +
        window.location=$(this).find("a").attr("href");
 +
        return false;
 +
    });
 +
});
 +
$(function(){
 +
    $(".facebook").click(function(){
 +
        window.location=$(this).find("a").attr("href");
 +
        return false;
 +
    });
 +
});
 +
$(function(){
 +
    $(".twitter").click(function(){
 +
        window.location=$(this).find("a").attr("href");
 +
        return false;
 +
    });
 +
});
 +
 
</script>
 
</script>
  
−
</html>
+
</html>

Revision as of 16:43, 26 August 2015

　　
　 　　
　　　　　　　 サンプル画像 　　　　　　　 　　　　　　　 　　　　　　　 　　　　
　　　　 　　
　

team

　 　 　 　　
　 　　 　　 　　 　
　　　　　　

project

　 　　　
　　 　　
　　　　　　　

Achievement

　　
　　
　　　　　　　

Human practice

　　
　　
　　　　　　　

Parts

　　
　　
　　　　　　　

Safety