Team:UNAM-Genomics Mexico/Templates/Notebook

From 2011.igem.org

(Difference between revisions)
(Undo revision 48055 by Vladimir (talk))
 
(3 intermediate revisions not shown)
Line 24: Line 24:
</script>
</script>
 +
<script type="text/javascript">
 +
new Control.Tabs('tabs_example_three',{ 
 +
    hover: true 
 +
}); 
 +
</script>
 +
 +
 +
 +
<script type="text/javascript">
<script type="text/javascript">
//Constants containing the menu cell positions (yeah, they're deffined as variables thx to IE)
//Constants containing the menu cell positions (yeah, they're deffined as variables thx to IE)
Line 293: Line 302:
color: white;  
color: white;  
}
}
 +
  .tabbed_images {
 +
            list-style:none;
 +
            margin:0;
 +
            padding:0;
 +
            clear:both;
 +
        }
 +
 +
        .tabbed_images li {
 +
            list-style:none;
 +
            float:left;
 +
            margin:0;
 +
            padding:0;
 +
        }
 +
 +
        .tabbed_images li a {
 +
            border:1px solid #ccc;
 +
            display:block;
 +
            float:left;
 +
            margin:0 10px 0 0;
 +
        }
 +
 +
        .tabbed_images li a.active,
 +
        .tabbed_images li a:hover {
 +
            border:1px solid #333;
 +
        }
 +
 +
        .tabbed_images li a img {
 +
            border:none;
 +
            padding:2px;
 +
            margin:0;
 +
            margin-bottom:-5px;
 +
        }
 +
        #image_1,
 +
        #image_2,
 +
        #image_3,
 +
        #image_4,
 +
        #image_5 {
 +
            margin-top:10px;
 +
            padding:2px;
 +
            border:1px solid #ccc;
</style>
</style>
</head>
</head>
<body>
<body>
-
<!--BEG Menu Table code-->
+
<ul class="tabbed_images" id="tabs_example_three"> 
 +
    <li><a href="#image_1"><img src="/stylesheets/sample_images/tabs_example_1_small.jpg"/></a></li> 
 +
    <li><a href="#image_2"><img src="/stylesheets/sample_images/tabs_example_2_small.jpg"/></a></li> 
 +
    <li><a href="#image_3"><img src="/stylesheets/sample_images/tabs_example_3_small.jpg"/></a></li> 
 +
    <li><a href="#image_4"><img src="/stylesheets/sample_images/tabs_example_4_small.jpg"/></a></li> 
 +
</ul> 
 +
<img src="/stylesheets/sample_images/tabs_example_1_big.jpg" id="image_1"/> 
 +
<img src="/stylesheets/sample_images/tabs_example_2_big.jpg" id="image_2"/> 
 +
<img src="/stylesheets/sample_images/tabs_example_3_big.jpg" id="image_3"/> 
 +
<img src="/stylesheets/sample_images/tabs_example_4_big.jpg" id="image_4"/>  <!--BEG Menu Table code-->
</body>
</body>

Latest revision as of 04:09, 25 September 2011

UNAM-Genomics_Mexico

{{{content}}}

Retrieved from "http://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Notebook"