Template:Http://2014.igem.org/Team:Colombia

From 2013.igem.org

(Difference between revisions)
Line 650: Line 650:
     });
     });
</script>
</script>
-
 
-
<style type="text/css" media="screen">
 
-
#slider {
 
-
    width: 970px; /* important to be same as image width */
 
-
    height: 244px; /* important to be same as image height */
 
-
    position: relative; /* important */
 
-
overflow: hidden; /* important */
 
-
margin-left: -2px;
 
-
}
 
-
#sliderContent {
 
-
    width: 970px; /* important to be same as image width or wider */
 
-
    position: absolute;
 
-
top: 0;
 
-
margin-left: 0;
 
-
}
 
-
.sliderImage {
 
-
    float: left;
 
-
    position: relative;
 
-
display: none;
 
-
}
 
-
.sliderImage span {
 
-
    position: absolute;
 
-
font: 10px/15px Arial, Helvetica, sans-serif;
 
-
    width: 384px;
 
-
 
-
display: none;
 
-
   
 
-
}
 
-
.clear {
 
-
clear: both;
 
-
}
 
-
.sliderImage span strong {
 
-
    font-size: 14px;
 
-
}
 
-
.top {
 
-
top: 0;
 
-
left: 0;
 
-
}
 
-
.bottom {
 
-
bottom: 0;
 
-
    left: 0;
 
-
}
 
-
ul { list-style-type: none;}
 
-
</style>
 
-
 
-
</head>
 
-
<body>
 
-
 
-
<div id="slider">
 
-
        <ul id="sliderContent">
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/a/a0/SL1.png" alt="1" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="1" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/e/ef/SL2.png" alt="2" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="2" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/7/72/SL3.png" alt="3" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="3" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/6/6f/SL4.png" alt="4" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="4" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/5/5d/SL5.png" alt="5" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="5" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/3/33/SL6.png" alt="6" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="6" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/c/c6/SL7.png" alt="7" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="7" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/1/1d/SL8.png" alt="8" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="8" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/9/9e/SL9.png" alt="9" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="9" /></span>
 
-
            </li>
 
-
            <li class="sliderImage">
 
-
                <img src="http://2012.igem.org/wiki/images/6/6f/SL10.png" alt="10" />
 
-
                <span class="top"><img src="http://2012.igem.org/wiki/images/9/97/Logo_COL_1.png" alt="10" /></span>
 
-
            </li>
 
-
            <div class="clear sliderImage"></div>
 
-
        </ul>
 
-
    </div>
 
-
 
 
-
 
-
 

Revision as of 16:05, 22 August 2014

' Wheeltz - CSS3 Navigational Wheel Menu

  • Home
  • University
  • Facebook
  • Twitter