Template:Mexico-UNAM-CINVESTAV-ROTATOR

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <style type="text/css"> body { margin:0; padding:0; color: #4E3D4E; font: normal 0.6em sans-serif, Arial; background-color: #EDEDED; width: 100%; } h1 { padding-left: ...)
Line 9: Line 9:
background-color: #EDEDED;
background-color: #EDEDED;
width: 100%;
width: 100%;
-
}
 
-
h1 {
 
-
padding-left: 55px;
 
-
font:bold 14px/1.5em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
 
-
text-transform:uppercase;
 
-
letter-spacing:.0.5em;
 
-
}
 
-
a {
 
-
outline: none;
 
}
}
</style>
</style>
Line 25: Line 16:
     div#rotator {
     div#rotator {
position:relative;
position:relative;
-
height:345px;
+
height:0px;
-
margin-left: 15px;
+
margin-left: 0px;
}
}
/* rotator css */
/* rotator css */
Line 47: Line 38:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
<!-- By Dylan Wagstaff, http://www.alohatechsupport.net -->
 
<script type="text/javascript">
<script type="text/javascript">
Line 94: Line 84:
<div id="rotator">
<div id="rotator">
   <ul>
   <ul>
-
     <li class="show"><img src="logo01.gif"  alt="pic1" /></a></li>
+
     <li class="show"><img src="https://static.igem.org/mediawiki/2010/7/77/Mx-Logo01.gif"/></a></li>
-
     <li><a href="http://www.alohatechsupport.net/"><img src="logo02.gif"  alt="pic2" /></a></li>
+
     <li><a href="http://www.alohatechsupport.net/"><img src="https://static.igem.org/mediawiki/2010/d/d8/Mx-Logo02.gif"  alt="pic2" /></a></li>
-
     <li><a href="http://www.alohatechsupport.net/mauiwebdesign.html"><img src="logo03.gif"  alt="pic3" /></a></li>
+
     <li><a href="http://www.alohatechsupport.net/mauiwebdesign.html"><img src="https://static.igem.org/mediawiki/2010/d/dc/Mx-Logo03.gif"  alt="pic3" /></a></li>
-
     <li><a href="http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/easy_jquery_auto_image_rotator.html"><img src="logo04.gif"   alt="pic4" /></a></li>
+
     <li><a href="#"><img src="https://static.igem.org/mediawiki/2010/b/b0/Mx-Logo04.gif"   /></a></li>
   </ul>
   </ul>
</div>
</div>

Revision as of 08:09, 22 October 2010

Jquery Auto Image Rotator

  • pic2
  • pic3