Team:Minnesota/Test

From 2012.igem.org

(Difference between revisions)
m
m
 
(38 intermediate revisions not shown)
Line 28: Line 28:
$("#mainRightButton1").hover(
$("#mainRightButton1").hover(
-
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/temp_maroon_txt.png");},           
+
     function() {
-
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/temp_maroon_img.png");}
+
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_maroon_txt.png");
 +
      $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png");
 +
      $(".mainContentTextBanner").text("Welcome to the University of Minnesota iGEM team website! Please take some time to explore around by hovering over the icons on the right for quick blurbs or navigate using the buttons to the left. We hope you enjoy learning about us and what we do!");
 +
    },           
 +
     function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png");}
);
);
 +
 +
$("#mainRightButton2").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_maroon_txt.png");
 +
      $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image4_resized.png");
 +
      $(".mainContentTextBanner").text("We are a dedicated team of students from the University of Minnesota - Twin Cities working to further the field of synthetic biology scientifically and to make it more accessible to the public! Click the team button on the left to learn more about each of us!");
 +
    },         
 +
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png");}
 +
);
 +
 +
$("#mainRightButton3").hover(
 +
    function() {
 +
      $(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_maroon_txt.png");
 +
      $("#MainBoxContentImg").attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/image3_resized.png");
 +
      $(".mainContentTextBanner").text("Our team is working on projects that both help to develop the field of synthetic biology and are just awesome in general! This year, we are working on making caffeinated bread and a sunscreen that requires only one application. Ever! Click the project button on the left to learn more!");
 +
    },         
 +
    function() {$(this).attr("src","http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png");}
 +
);
 +
Line 45: Line 68:
);
);
 +
 +
$("#testBox").hover(
 +
    function(){ $(this).text("Red!"); $(this).css("background-color","red"); $(this).css("font-weight", "bold");},
 +
    function(){ $(this).text("Blue!"); $(this).css("background-color","blue");$(this).css("font-weight", "normal");}
 +
);
Line 54: Line 82:
<style type="text/css">
<style type="text/css">
 +
#testBox{
 +
position:absolute;
 +
top: 20px;
 +
left: 20px;
 +
width: 100px;
 +
height: 100px;
 +
background-color: blue;
 +
 +
}
 +
 +
 +
#ContentAll{
#ContentAll{
Line 124: Line 164:
background-color: none;
background-color: none;
color: gray;
color: gray;
 +
}
}
 +
 +
 +
#MainBoxOtherLinks p.otherLinks a{
 +
  text-decoration:none;
 +
  color: gray;
 +
}
 +
 +
#MainBoxOtherLinks p.otherLinks a:hover{
 +
  text-decoration:underline;
 +
}
Line 235: Line 286:
top:350px;
top:350px;
left:0px;
left:0px;
-
width:750px;
+
width:730px;
-
height:100px;
+
height:80px;
background-color:#660000;
background-color:#660000;
opacity:0.7;
opacity:0.7;
 +
font-size:20px;
 +
color:white;
 +
padding: 10px;
}
}
Line 290: Line 344:
<div class="sideSocialMediaButtons">
<div class="sideSocialMediaButtons">
<div style="position:absolute; left:6px; top:6px;">
<div style="position:absolute; left:6px; top:6px;">
 +
<a href="http://www.facebook.com/iGEM.Minnesota">
<img id="fbButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png">
<img id="fbButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/facebook_1.png">
 +
</a>
</div>
</div>
 +
<div style="position:absolute; left:66px; top:6px;">
<div style="position:absolute; left:66px; top:6px;">
 +
<a href="https://twitter.com/igem_mn">
<img id="twitterButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png">
<img id="twitterButton" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter_1.png">
 +
</a>
</div>
</div>
-
</div>
+
</div> <!--End sideSocialMediaButtons-->
<!--temp area for guide to social media-->
<!--temp area for guide to social media-->
-
<div style="position:absolute; top:440px; left:20px;font-family:Verdana;font-size:15;">
+
<div style="position:absolute; top:420px; left:20px;font-family:Verdana;font-size:15;">
Like us on FB and follow us on Twitter!
Like us on FB and follow us on Twitter!
</div>
</div>
Line 307: Line 366:
<div id="MainBoxContent">
<div id="MainBoxContent">
-
<img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png">
+
<img id="MainBoxContentImg" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png">
 +
 
<div class="mainContentTextBanner">
<div class="mainContentTextBanner">
 +
Welcome to the University of Minnesota iGEM team website! Please take some time to explore around by hovering over the icons on the right for quick blurbs or navigate using the buttons to the left. We hope you enjoy learning about us and what we do!
</div><!--end mainContentTextBanner-->
</div><!--end mainContentTextBanner-->
Line 316: Line 377:
<div style="position:absolute;left:5px;top:0px;">
<div style="position:absolute;left:5px;top:0px;">
-
<a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/temp_maroon_img.png"></a>
+
<a href="#"><img id="mainRightButton1" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/welcome_gold_txt.png"></a>
</div>
</div>
-
<div id="mainRightButton2" style="position:absolute;left:5px;top:75px;">
+
<div style="position:absolute;left:5px;top:75px;">
-
<a href="#"><img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/temp_maroon_img.png"></a>
+
<a href="#"><img id="mainRightButton2" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/projects_gold_img.png"></a>
</div>
</div>
-
<div id="mainRightButton3" style="position:absolute;left:5px;top:150px;">
+
<div style="position:absolute;left:5px;top:150px;">
-
<a href="#"><img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/temp_maroon_img.png"></a>
+
<a href="#"><img id="mainRightButton3" src="http://i1158.photobucket.com/albums/p607/iGEM_MN/theteam_gold_img.png"></a>
</div>
</div>
Line 331: Line 392:
<div id="MainBoxOtherLinks">
<div id="MainBoxOtherLinks">
<p class="otherLinks">
<p class="otherLinks">
-
LINK1 | LINK2 | LINK3 | LINK4
+
<a href="https://2012.igem.org/Main_Page">iGEM Home</a> | <a href="https://igem.org/Team.cgi">Team Minnesota Info</a> |  
 +
<a href="http://www1.umn.edu/twincities/index.html">University of Minnesota Home</a>
</p>
</p>
Line 346: Line 408:
 +
 +
<div class="hidden">
 +
<script type="text/javascript">
 +
<!--//--><![CDATA[//><!--
 +
var images = new Array()
 +
function preload() {
 +
for (i = 0; i < preload.arguments.length; i++) {
 +
images[i] = new Image()
 +
images[i].src = preload.arguments[i]
 +
}
 +
}
 +
preload(
 +
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image4_resized.png",
 +
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image3_resized.png",
 +
"http://i1158.photobucket.com/albums/p607/iGEM_MN/image1_resized.png"
 +
)
 +
//--><!]]>
 +
</script>
 +
</div>
 +
 +
 +
<div style="position:absolute; left:20px; top:20px; width:  300px; height:300px; background-color: white;">
 +
<p id="testBox">
 +
Blue!
 +
</p>
 +
</div>
</body>
</body>

Latest revision as of 23:49, 6 September 2012

Team:Minnesota - Main Style Template Team:Minnesota

Like us on FB and follow us on Twitter!
Welcome to the University of Minnesota iGEM team website! Please take some time to explore around by hovering over the icons on the right for quick blurbs or navigate using the buttons to the left. We hope you enjoy learning about us and what we do!

Blue!

Retrieved from "http://2012.igem.org/Team:Minnesota/Test"