Difference between revisions of "Team:CPU CHINA/Parts"

Line 12: Line 12:
 
</head>
 
</head>
 
<style>
 
<style>
−
img{width:80% !important;}
+
.parts-img center img{
−
 
+
width: 80%!important;
 +
position: relative;
 +
}
 +
.parts-img img{
 +
width: 21%;
 +
 +
}
 +
.p-img-1{
 +
    position: relative;
 +
    top: -626px;
 +
    left:  41%;
 +
}
 +
.p-img-2{
 +
width: 14%!important;
 +
position: relative;
 +
    top: -490px;
 +
    left: -6%;
 +
}
 +
.p-img-3{
 +
width:25%!important;
 +
position: relative;
 +
    top: -504px;
 +
    left: 62px;
 +
}
 +
.p-img-4{
 +
position: relative;
 +
    top: -348px;
 +
    left: -48%;
 +
}
 +
.p-img-5{
 +
width: 29%!important;
 +
position: absolute;
 +
    top: 291px;
 +
    left: 36%;
 +
}
 
.mw-content-ltr {
 
.mw-content-ltr {
 
     background-repeat:no-repeat;
 
     background-repeat:no-repeat;
Line 79: Line 113:
 
</style>
 
</style>
  
−
<body>
+
<body background="img/bgd7.png">
 
<div class="container" style="position:relative;top:200px;">
 
<div class="container" style="position:relative;top:200px;">
 +
<div class="parts-img">
 +
<center><img src="img/T--CPU_CHINA--parts-1.png" "/></center>
 +
<img src="img/T--CPU_CHINA--parts-2.png" class="p-img-1" onclick="alert()"/>
 +
<img src="img/T--CPU_CHINA--parts-3.png" class="p-img-2" onclick="alert()"/>
 +
<img src="img/T--CPU_CHINA--parts-4.png" class="p-img-3" onclick="alert()"/>
 +
<img src="img/T--CPU_CHINA--parts-5.png" class="p-img-4" onclick="alert()"/>
 +
<img src="img/T--CPU_CHINA--parts-6.png" class="p-img-5" onclick="alert()"/>
 +
</div>
  
−
</div>
+
</div></body>
−
</body>
+
  
  
 
<script>
 
<script>
 
window.onload=function(){
 
window.onload=function(){
−
$(".mw-content-ltr").css("height",$(document).height()+500+"px !important");
+
$(".parts-img img").css("height",$(document).height()+500+"px !important");
−
$(".mw-content-ltr").show();
+
$(".parts-img img").show();
 
}
 
}
 +
$(document).ready(function(){
 +
$(".parts-img img").css("height",$(window).height()+"px");
 +
$(".parts-img").css("height",$(window).height()+"px");
 +
})
 +
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 14:44, 17 October 2018