Team:KAIST-Korea/jihanmenu

From 2011.igem.org

(Difference between revisions)
 
(103 intermediate revisions not shown)
Line 4: Line 4:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
-
<script>
+
<style type="text/css">
-
//Configure the script here
+
-
var teamname = "KAIST-Korea";
+
-
// Do not edit below
+
#tag1{
-
 
+
position:absolute;
-
// Loop through the URL
+
top:108px; left:63px;
-
function buildDepth(array,count) {
+
width:71px; height:21px;
-
var depthStr="";
+
-
for (i=0;i<count;i++)
+
-
{
+
-
depthStr=depthStr + array[i] + "/" ;
+
-
}
+
-
return depthStr;
+
}
}
-
 
+
#tag2{
-
// The function
+
position:absolute;
-
function buildBreadCrumbTrail(page) {
+
top:108px; left:136px;
-
// Declare vars
+
width:71px; height:21px;
-
var constituentFolders = new Array();
+
-
var currentURL = page;
+
-
 
+
-
// Split the URL
+
-
constituentFolders=currentURL.split("/");
+
-
 
+
-
// Start with a link to the team home page
+
-
var outputStr="<a href='https://2011.igem.org/Team:'" + teamname + ">Home</a>";
+
-
 
+
-
// Loop through the URL
+
-
for (count=0;count<(constituentFolders.length);count++)
+
-
{
+
-
outputStr=outputStr + " > <a href='https://2011.igem.org/Team:" + teamname +
+
-
buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" +
+
-
capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>";
+
-
}
+
-
 
+
-
// Write to the div
+
-
$("#breadcrumbs").html(outputStr);
+
}
}
-
 
+
#tag3{
-
// Capitalize the first letter
+
position:absolute;
-
function capitaliseFirstLetter(string) {
+
top:108px; left:209px;
-
    return string.charAt(0).toUpperCase() + string.slice(1);
+
width:71px; height:21px;
}
}
-
 
+
#tag4{
-
// Start the script upon page load
+
position:absolute;
-
$(function() {
+
top:108px; left:281px;
-
buildBreadCrumbTrail(window.location.pathname);
+
width:71px; height:21px;
}
}
-
</script>
 
-
<style type="text/css">
 
#main_navigation
#main_navigation
{
{
Line 109: Line 80:
}
}
-
#menuall img {
+
#main_img1{
border:0;
border:0;
-
width:75px; height:75px;
+
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}
 +
#main_img2{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img3{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img4{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img5{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img6{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
 +
}#main_img7{
 +
border:0;
 +
width:70px; height:70px;
 +
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
}
}
Line 118: Line 122:
width:600px;
width:600px;
position:relative;
position:relative;
-
top:-12px;
+
top:-25px;
-
left:430px;
+
left:450px;
}
}
-
#menuall img{
+
.subNavMenuItems img{
-
background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */
+
border:0;
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1;
+
width:70px; height:70px;
}
}
#kaistlogo{
#kaistlogo{
z-index:200;
z-index:200;
-
width:90px; height:90px;
+
width:280px; height:77px;
position:absolute;
position:absolute;
-
top:22px; left:19px;
+
top:22px; left:66px;
}
}
-
#kaistlogotext{
+
#navigationbar{
z-index:200;
z-index:200;
 +
width:291px; heigth:7px;
position:absolute;
position:absolute;
-
top:45px; left:120px;
+
top:100px; left:63px;
}
}
#subNav0{
#subNav0{
-
width:387px;height:87px;
+
width:381px;height:80px;
-
background-image:url('https://static.igem.org/mediawiki/2011/3/30/Kaist2011_menu_box1.png');
+
background-image:url('https://static.igem.org/mediawiki/2011/b/b6/Kaist2011_menu_menubar5_1.png');
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:center top;
+
background-position:5px 7px;
}
}
#subNav1{
#subNav1{
-
width:226px;height:87px;
+
width:262px;height:80px;
-
background-image:url('https://static.igem.org/mediawiki/2011/c/cd/Kaist2011_menu_box2.png');
+
background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png');
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:center top;
+
background-position:-22px 7px;
}
}
#subNav2{
#subNav2{
-
width:153px;height:87px;
+
width:192px;height:80px;
-
background-image:url('https://static.igem.org/mediawiki/2011/1/1c/Kaist2011_menu_box3.png');
+
background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png');
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:center top;
+
background-position:-23px 7px;
}
}
#subNav3{
#subNav3{
-
width:155px;height:87px;
+
width:262px;height:80px;
-
background-image:url('https://static.igem.org/mediawiki/2011/8/82/Kaist2011_menu_box4.png');
+
background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png');
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:center top;
+
background-position:-23px 7px;
}
}
#subNav4{
#subNav4{
-
width:155px;height:87px;
+
width:192px;height:80px;
-
background-image:url('https://static.igem.org/mediawiki/2011/c/c7/Kaist2011_menu_box5.png');
+
background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png');
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:center top;
+
background-position:-23px 7px;
}
}
#subNav5{
#subNav5{
-
width:390px;height:87px;
+
width:402px;height:80px;
-
background-image:url('https://static.igem.org/mediawiki/2011/f/fd/Kaist2011_menu_box6.png');
+
background-image:url('https://static.igem.org/mediawiki/2011/6/68/Kaist2011_menu_menubar5_2.png');
background-repeat:no-repeat;
background-repeat:no-repeat;
-
background-position:center top;
+
background-position:-20px 7px;
}
}
#menubody{
#menubody{
-
padding-bottom:160px;
+
padding-bottom:155px;
}
}
Line 202: Line 207:
       <center><ul  class="subNavMenuItems" id="subNav0">
       <center><ul  class="subNavMenuItems" id="subNav0">
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><img src="https://static.igem.org/mediawiki/2011/8/8c/Kaist2011_menu_overview.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><img src="https://static.igem.org/mediawiki/2011/8/8c/Kaist2011_menu_overview.png"></a></li>
-
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling"><img src="https://static.igem.org/mediawiki/2011/e/e1/Kaist2011_menu_modeling.png"></a></li>
+
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling2"><img src="https://static.igem.org/mediawiki/2011/e/e1/Kaist2011_menu_modeling.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments"><img src="https://static.igem.org/mediawiki/2011/f/fa/Kaist2011_menu_experiments.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments"><img src="https://static.igem.org/mediawiki/2011/f/fa/Kaist2011_menu_experiments.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick"><img src="https://static.igem.org/mediawiki/2011/9/99/Kaist2011_menu_biobrick.png"></a></li>
  <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick"><img src="https://static.igem.org/mediawiki/2011/9/99/Kaist2011_menu_biobrick.png"></a></li>
Line 225: Line 230:
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_summary.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_summary.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img src="https://static.igem.org/mediawiki/2011/a/af/Kaist2011_menu_gallery.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img src="https://static.igem.org/mediawiki/2011/a/af/Kaist2011_menu_gallery.png"></a></li>
 +
          <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img
 +
src="https://static.igem.org/mediawiki/2011/0/0a/Kaist2011_menu_data.png"></a></li>
       </ul>
       </ul>
     </li>
     </li>
Line 233: Line 240:
       </ul>
       </ul>
     </li>
     </li>
-
<li id="trigger5"><a href=""><img  id="main_img6" src="https://static.igem.org/mediawiki/2011/5/5b/Kaist2011_menu_mics.png"></a>
+
<li id="trigger5"><a href=""><img  id="main_img6" src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_misc.png"></a>
       <ul  class="subNavMenuItems" id="subNav5">
       <ul  class="subNavMenuItems" id="subNav5">
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"><img src="https://static.igem.org/mediawiki/2011/6/6f/Kaist2011_menu_sitemap.png"></a></li>
           <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"><img src="https://static.igem.org/mediawiki/2011/6/6f/Kaist2011_menu_sitemap.png"></a></li>
Line 248: Line 255:
</div>
</div>
-
<a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogo" src="https://static.igem.org/mediawiki/2011/2/29/Kaist2011_logo_small.png"></a>
+
<a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogo" src="https://static.igem.org/mediawiki/2011/e/e4/Kaist2011_menu_logo.png"></a>
-
<a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogotext" src="https://static.igem.org/mediawiki/2011/8/83/Kaist2011_menu_logotext.png"></a>
+
-
</div>
+
-
<div id="breadcrumbs"></div>
+
<a><img id="navigationbar" src="https://static.igem.org/mediawiki/2011/0/0e/Kaist2011_menu_navigationbar.png"></a>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 08:43, 30 August 2011