Team:Cornell/Templates/test

From 2011.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
-
<!--  Rollover script from INSERT SOURCE -->
+
<!--  Rollover script from www.htmlforums.com user trouble706 -->
<script language="javascript">
<script language="javascript">
/*** Use the name of your directory where your images are ie.. images, Images, img, what ever you have named your image directory***/
/*** Use the name of your directory where your images are ie.. images, Images, img, what ever you have named your image directory***/
-
var buttonFolder = "links/";
 
/*** List your images here that will be on the page and then the mouse over images in the 2nd array ***/
/*** List your images here that will be on the page and then the mouse over images in the 2nd array ***/
-
upSources = new Array("https://static.igem.org/mediawiki/2011/c/cf/Cornell11_links_abstract.jpg", "https://static.igem.org/mediawiki/2011/3/33/Cornell11_links_project.jpg‎", "https://static.igem.org/mediawiki/2011/1/12/Cornell11_links_team.jpg‎", "https://static.igem.org/mediawiki/2011/6/68/Cornell11_links_multimedia.jpg");
+
upSources = new Array("https://static.igem.org/mediawiki/2011/d/d4/Cornell11_links_home.jpg", "https://static.igem.org/mediawiki/2011/3/33/Cornell11_links_project.jpg", "https://static.igem.org/mediawiki/2011/a/a7/Cornell11_links_data.jpg", "https://static.igem.org/mediawiki/2011/1/12/Cornell11_links_team.jpg", "https://static.igem.org/mediawiki/2011/6/68/Cornell11_links_multimedia.jpg");
-
overSources = new Array("https://static.igem.org/mediawiki/2011/d/df/Cornell11_links_abstractglow.jpg", "https://static.igem.org/mediawiki/2011/b/bc/Cornell11_links_projectglow.jpg", "https://static.igem.org/mediawiki/2011/7/7b/Cornell11_links_teamglow.jpg", "https://static.igem.org/mediawiki/2011/f/f4/Cornell11_links_multimediaglow.jpg");
+
overSources = new Array("https://static.igem.org/mediawiki/2011/4/42/Cornell11_links_homeglow.jpg", "https://static.igem.org/mediawiki/2011/b/bc/Cornell11_links_projectglow.jpg", "https://static.igem.org/mediawiki/2011/a/a9/Cornell11_links_dataglow.jpg", "https://static.igem.org/mediawiki/2011/7/7b/Cornell11_links_teamglow.jpg", "https://static.igem.org/mediawiki/2011/f/f4/Cornell11_links_multimediaglow.jpg");
-
 
+
-
 
+
-
//*** DO NOT CHANGE ANYTHING BELOW THIS LINE ***//
+
-
totalButtons = upSources.length;
+
//*** MAIN IMAGES FUNCTIONS ***//
//*** MAIN IMAGES FUNCTIONS ***//
-
// PRELOAD MAIN MENU BUTTON IMAGES
 
-
function preload() {
 
-
for ( x=0; x<totalButtons; x++ ) {
 
-
buttonUp = new Image();
 
-
buttonUp.src = buttonFolder + upSources[x];
 
-
buttonOver = new Image();
 
-
buttonOver.src = buttonFolder + overSources[x];
 
-
}
 
-
}
 
// SET MOUSEOVER IMAGE
// SET MOUSEOVER IMAGE
function setOverImg(But, ID) {
function setOverImg(But, ID) {
-
document.getElementById('button' + But + ID).src = buttonFolder + overSources[But-1];
+
document.getElementById('button' + But + ID).src = overSources[But-1];
}
}
// SET MOUSEOUT IMAGE
// SET MOUSEOUT IMAGE
function setOutImg(But, ID) {
function setOutImg(But, ID) {
-
document.getElementById('button' + But + ID).src = buttonFolder + upSources[But-1];
+
document.getElementById('button' + But + ID).src = upSources[But-1];
}
}
-
 
-
//preload();
 
</script>
</script>
<style>
<style>
-
 
-
table {
 
-
width:100%;
 
-
padding: 0px;
 
-
border:3px solid #d6d1b7;
 
-
color:white;
 
-
}
 
-
 
-
td {
 
-
text-align: left;
 
-
padding:15px;
 
-
vertical-align:top;
 
-
}
 
-
 
#navbar {
#navbar {
background-image:url('https://static.igem.org/mediawiki/2011/e/ef/Cornell11_menubar.jpg');
background-image:url('https://static.igem.org/mediawiki/2011/e/ef/Cornell11_menubar.jpg');
-
position:static;
+
position:relative;
-
height:inherit;
+
margin-top:-30px;
-
width:inherit;
+
top:10px;
 +
left:-5px;
 +
height:67px;
 +
width:975px;
}
}
 +
</style>
 +
</head>
-
h1 {
+
<div id="navbar" align="center">
-
font-family:"Ariel";
+
-
font-size:25px;
+
-
color:black;
+
-
padding:20px;
+
-
}
+
-
p {
+
<a href="https://2011.igem.org/Team:Cornell" onMouseOver="setOverImg('1','');" onMouseOut="setOutImg('1','');" target=""><img src="https://static.igem.org/mediawiki/2011/d/d4/Cornell11_links_home.jpg" border="0" id="button1" vspace="0" hspace="0"></a>
-
font-family:'Hoefler Text', 'Times New Roman', 'Times New Roman', Times, serif;
+
-
font-size:15px;
+
-
color:black;
+
-
padding: 30px;
+
-
}
+
-
</style>
+
-
<div id="navbar">
 
-
<center>
 
-
<a href="https://2011.igem.org/Team:Cornell" onMouseOver="setOverImg('1','');" onMouseOut="setOutImg('1','');" target=""><img src="https://static.igem.org/mediawiki/2011/c/cf/Cornell11_links_abstract.jpg" border="0" id="button1" vspace="0" hspace="0"></a>
 
 +
<a href="https://2011.igem.org/Team:Cornell/Project" onMouseOver="setOverImg('2','');" onMouseOut="setOutImg('2','');" target=""><img src="https://static.igem.org/mediawiki/2011/3/33/Cornell11_links_project.jpg" border="0" id="button2" vspace="0" hspace="0"></a>
-
<a href="https://2011.igem.org/Team:Cornell" onMouseOver="setOverImg('2','');" onMouseOut="setOutImg('2','');" target=""><img src="https://static.igem.org/mediawiki/2011/3/33/Cornell11_links_project.jpg" border="0" id="button2" vspace="0" hspace="0"></a>
+
<a href="https://2011.igem.org/Team:Cornell/Media" onMouseOver="setOverImg('3','');" onMouseOut="setOutImg('3','');" target=""><img src="https://static.igem.org/mediawiki/2011/a/a7/Cornell11_links_data.jpg" border="0" id="button3" vspace="0" hspace="0"></a>
 +
<a href="https://2011.igem.org/Team:Cornell/Team" onMouseOver="setOverImg('4','');" onMouseOut="setOutImg('4','');" target=""><img src="https://static.igem.org/mediawiki/2011/1/12/Cornell11_links_team.jpg" border="0" id="button4" vspace="0" hspace="0"></a>
-
<a href="https://2011.igem.org/Team:Cornell" onMouseOver="setOverImg('3','');" onMouseOut="setOutImg('3','');" target=""><img src="https://static.igem.org/mediawiki/2011/1/12/Cornell11_links_team.jpg" border="0" id="button3" vspace="0" hspace="0"></a>
+
<a href="https://2011.igem.org/Team:Cornell/Multimedia" onMouseOver="setOverImg('5','');" onMouseOut="setOutImg('5','');" target=""><img src="https://static.igem.org/mediawiki/2011/6/68/Cornell11_links_multimedia.jpg" border="0" id="button5" vspace="0" hspace="0"></a>
 +
</div>
-
<a href="https://2011.igem.org/Team:Cornell" onMouseOver="setOverImg('4','');" onMouseOut="setOutImg('4','');" target=""><img src="https://static.igem.org/mediawiki/2011/6/68/Cornell11_links_multimedia.jpg" border="0" id="button4" vspace="0" hspace="0"></a>
 
-
</div>
 
-
</center>
 
</html>
</html>

Latest revision as of 15:13, 21 July 2011