Team:Cornell/Templates/test

From 2011.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style>
+
<head>
-
body {
+
-
background-image:url('background_grey.jpg');
+
-
height:100%;
+
-
max-height:100%;
+
-
}
+
-
#navbar {
+
<!--  Rollover script from www.htmlforums.com user trouble706 -->
-
background-image:url('menubar.jpg');
+
<script language="javascript">
-
height:67px;
+
/*** Use the name of your directory where your images are ie.. images, Images, img, what ever you have named your image directory***/
-
width:1000px;
+
-
text-align:center;
+
-
}
+
-
#b1 {
+
/*** List your images here that will be on the page and then the mouse over images in the 2nd array ***/
-
background-color:white;
+
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");
-
margin:1px;
+
-
border:5px solid #424242;
+
-
border-style:double;
+
-
width:1000px;
+
-
min-height: 100%;
+
-
height: auto;
+
-
position: absolute;
+
-
left:75px;
+
-
top:0px;
+
-
}
+
-
/* Hack for IE */
+
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");
-
* html #b1 {
+
-
    height: 100%;
+
-
}
+
-
/* End IE Hack */
+
-
table {
+
//*** MAIN IMAGES FUNCTIONS ***//
-
width:100%;
+
-
padding: 0px;
+
-
border:3px solid #d6d1b7;
+
-
color:white;
+
-
}
+
-
td {
+
// SET MOUSEOVER IMAGE
-
text-align: left;
+
function setOverImg(But, ID) {
-
padding:15px;
+
document.getElementById('button' + But + ID).src = overSources[But-1];
-
vertical-align:top;
+
}
}
-
td #sitemap {
+
// SET MOUSEOUT IMAGE
-
width:130px;
+
function setOutImg(But, ID) {
-
text-align:left;
+
document.getElementById('button' + But + ID).src = upSources[But-1];
-
padding:0px;
+
-
vertical-align:top;
+
-
}
+
-
 
+
-
#sitemap_box {
+
-
width:130px;
+
-
height:250px;
+
-
text-align:left;
+
-
padding:8px;
+
-
vertical-align:top;
+
-
border:2px dashed #d6d1b7;
+
}
}
 +
</script>
 +
<style>
#navbar {
#navbar {
-
background-image:url('menubar.jpg');
+
background-image:url('https://static.igem.org/mediawiki/2011/e/ef/Cornell11_menubar.jpg');
-
background-repeat:no-repeat;
+
position:relative;
-
position:static;
+
margin-top:-30px;
-
height:inherit;
+
top:10px;
-
width:inherit;
+
left:-5px;
 +
height:67px;
 +
width:975px;
}
}
 +
</style>
 +
</head>
 +
<div id="navbar" align="center">
-
a.sitemap{
+
<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:"Ariel";
+
-
font-size:15px;
+
-
color:#701112;
+
-
padding:30px;
+
-
}
+
-
a.sitemap:hover{
 
-
font-family:"Helvetica";
 
-
font-size:15px;
 
-
color:#cc3333;
 
-
padding:30px;
 
-
}
 
 +
<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>
-
h1 {
+
<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>
-
font-family:"Ariel";
+
 
-
font-size:25px;
+
<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>
-
color:black;
+
 
-
padding:20px;
+
<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>
-
p {
 
-
font-family:'Hoefler Text', 'Times New Roman', 'Times New Roman', Times, serif;
 
-
font-size:15px;
 
-
color:black;
 
-
padding: 30px;
 
-
}
 
-
</style>
 
</html>
</html>

Latest revision as of 15:13, 21 July 2011

Retrieved from "http://2011.igem.org/Team:Cornell/Templates/test"