|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <!--=========================================CARGAS============================================= -->
| |
| - | <!--Intentamos cargar la libreria jQuery de Google, si no va pues la BobString -->
| |
| - | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
| |
| - | <script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>
| |
| - | </head>
| |
| | | | |
| - | <body>
| |
| - | <!--=========================Cablecitos flash==========================-->
| |
| - | <img id="i1" src="http://dl.dropbox.com/u/4492644/palo.png" style="width:280px;height:250px;margin-left:-176px!important;position:fixed;"/>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(function(){
| |
| - | $("#m1").mouseenter(function(){
| |
| - | $("#i1").attr("src","http://dl.dropbox.com/u/4492644/palo.gif");
| |
| - | }).mouseleave(function(){
| |
| - | $("#i1").attr("src","http://dl.dropbox.com/u/4492644/palo.png");
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <img id="i2" src="http://dl.dropbox.com/u/4492644/cable.gif" style="width:80px;height:50px;margin-left:-176px!important;margin-top:25px;position:fixed;"/>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(function(){
| |
| - | $("#m2").mouseenter(function(){
| |
| - | $("#i2").attr("src","http://dl.dropbox.com/u/4492644/palo2.gif");
| |
| - | }).mouseleave(function(){
| |
| - | $("#i2").attr("src","http://dl.dropbox.com/u/4492644/palo.png");
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | <!--=====================acordeon=============================-->
| |
| - | <div id="menuizq">
| |
| - | <div id="firstpane" class="menu_list">
| |
| - | <p class="menu_head" id="m1"> <a href="/Team:Sevilla">Home</a> </p>
| |
| - | <div class="menu_body">
| |
| - |
| |
| - | </div>
| |
| - | <p class="menu_head" id="m2"> <a href="/Team:Sevilla/components">The team</a> </p>
| |
| - |
| |
| - | <p class="menu_head"> <a href="#">The project</a> </p>
| |
| - | <div class="menu_body">
| |
| - | <a href="/Team:Sevilla/ubbit">Ubbit Standard</a>
| |
| - | <a href="/Team:Sevilla/adder">Full adder module</a>
| |
| - | <a href="/Team:Sevilla/applications">Applications</a>
| |
| - | <a href="/Team:Sevilla/sponsors">Sponsors</a>
| |
| - | </div>
| |
| - | <p class="menu_head" id="m3"> <a href="/Team:Sevilla/modeling">Modeling</a> </p>
| |
| - | <div class="menu_body">
| |
| - |
| |
| - | </div>
| |
| - | <p class="menu_head"> <a href="/Team:Sevilla/safety">Safety</a> </p>
| |
| - | <div class="menu_body">
| |
| - |
| |
| - | </div>
| |
| - | <p class="menu_head"> <a href="/Team:Sevilla/attributions">Attributions</a> </p>
| |
| - | <div class="menu_body">
| |
| - |
| |
| - | </div>
| |
| - | <p class="menu_head"> <a href="/Team:Sevilla/notebook">Notebook</a> </p>
| |
| - |
| |
| - | <p class="menu_head"> <a href="/Team:Sevilla/sponsors">Sponsors</a> </p>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <!--======================acordeon estilo=========================-->
| |
| - |
| |
| - | <!-- http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html -->
| |
| - | <style>
| |
| - | .menu_list {
| |
| - | width: 150px;
| |
| - | float:left;
| |
| - | }
| |
| - | #followus {
| |
| - | float:left;
| |
| - | clear:both;
| |
| - | margin-top:5px;;
| |
| - |
| |
| - | }
| |
| - | hr {
| |
| - | border: 0;
| |
| - | width: 80%;
| |
| - | color: #4D4D4D;
| |
| - | background-color: #4D4D4D;
| |
| - | height: 2px;
| |
| - | }
| |
| - | .menu_head {
| |
| - | padding: 5px 10px;
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | font-weight:bold;
| |
| - | background: #eef4d3 url(left.png) center right no-repeat;
| |
| - | margin:1px;
| |
| - | margin-right: 12px;
| |
| - | text-align:center;
| |
| - | }
| |
| - | .menu_head a{ text-decoration:none;}
| |
| - | .menu_body {
| |
| - | display:none;
| |
| - | width:136px;
| |
| - | }
| |
| - | .menu_body a {
| |
| - | display:block;
| |
| - | color:#006699;
| |
| - | background-color:#EFEFEF;
| |
| - | padding-left:10px;
| |
| - | font-weight:bold;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | .menu_body a:hover {/*ponerse encima de los links internos*/
| |
| - | color: black;
| |
| - | background-color: white;
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - | <script type="text/javascript"> /*colorear menu al pasar encima*/
| |
| - | $(function(){
| |
| - | $(".menu_head").mouseenter(function(){
| |
| - | $(this).css({'background-color': 'white'});
| |
| - | }).mouseleave(function(){
| |
| - | $(this).css({'background-color': '#eef4d3'});
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $("#firstpane p.menu_head").click(function()
| |
| - | {
| |
| - | $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
| |
| - | $(this).siblings().css({backgroundImage:"url(left.png)"});
| |
| - | });
| |
| - | </script>
| |
| - | </body>
| |
| - | </html>
| |
"
