"
Team:Sevilla/test3
From 2011.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
{{:Team:Sevilla/test2}} | {{:Team:Sevilla/test2}} | ||
| - | <html> | + | |
| + | <!--=====================================MENU RIDEANELEPHANT======================================== --> | ||
| + | <html> | ||
| + | <ul class="lavaLampNoImage" id="2"> | ||
| + | <li class="current"><a href="#">Home</a></li> | ||
| + | <li><a href="#">Plant a tree</a></li> | ||
| + | <li><a href="#">Travel</a></li> | ||
| + | <li><a href="#">Ride an elephant</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <style> | ||
| + | /* Styles for the entire LavaLamp menu */ | ||
| + | .lavaLampNoImage { | ||
| + | position: relative; | ||
| + | padding: 1px; | ||
| + | height: 22px; | ||
| + | width: 420px; | ||
| + | background-color: #BEF781; | ||
| + | margin-left: 12px; | ||
| + | overflow: hidden; | ||
| + | border: 1px solid gray; | ||
| + | } | ||
| + | .lavaLampNoImage li { | ||
| + | float: left; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .lavaLampNoImage li.back { | ||
| + | border: 1px solid #000; | ||
| + | background-color: #e6e8ea; | ||
| + | width: 9px; | ||
| + | height: 30px; | ||
| + | z-index: 8; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .lavaLampNoImage li a {/*elementos listados*/ | ||
| + | font: bold 14px arial; | ||
| + | text-decoration: none; | ||
| + | color: #000; | ||
| + | outline: none; | ||
| + | text-align: center; | ||
| + | top: 7px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0; | ||
| + | z-index: 10; | ||
| + | display: block; | ||
| + | float: left; | ||
| + | height: 30px; | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | margin: auto 10px; | ||
| + | } | ||
| + | .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited { | ||
| + | border: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $(function() { | ||
| + | $("#1, #2, #3").lavaLamp({ | ||
| + | fx: "backout", | ||
| + | speed: 700, | ||
| + | click: function(event, menuItem) { | ||
| + | return false; | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | |||
| + | |||
<!--=====================================MENU ACORDEON /*mucha morralla*/======================================== --> | <!--=====================================MENU ACORDEON /*mucha morralla*/======================================== --> | ||
<div id="menu"> | <div id="menu"> | ||
Revision as of 10:27, 17 April 2011
Loading...pulsa F5
