nota automatica

lunes, 27 de febrero de 2012

Menú desplegable prodropdown(Video tutorial y Codigo)





<link 
href='https://sites.google.com/site/rockmilenium4000/archives/pro_dropdown_3.css' rel='stylesheet' type='text/css'/>
<!--[if lte IE 7]>
<style type="text/css"> htlm.jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/ </style>
<![endif]-->
<script src='https://sites.google.com/site/rockmilenium4000/archives/stuHover.js' type='text/javascript'/>



si no funciona volver a pegar los URL

https://sites.google.com/site/rockmilenium4000/archives/pro_dropdown_3.css

https://sites.google.com/site/rockmilenium4000/archives/stuHover.js

Las palabras que esten en rojo son las que cambiaras.. por el nombre que desees
y todas las q dicen ( #nogo ) y que algunas  estan en azul.. es donde pondras en link... 





<ul id="nav">
        <li class="top"><a href="#nogo" class="top_link"><span>Home</span></a></li>


        <li class="top"><a href="#nogo" id="Games" class="top_link"><span class="down">Load Game</span></a>

        <ul class="sub">

             <li><b>Mygames</b></li>

        <li><a href="#nogo">Frets on Fire</a></li>

        <li><a href="#nogo7" class="fly">Tutorials</a>
            <ul>

        <li><a href="#nogo8">pronto</a></li>
        <li><a href="#nogo9">pronto</a></li>
        <li><a href="#nogo15">pronto</a></li>
        <li><a href="#nogo10">pronto</a></li>

              <li><b>titular</b></li>

        <li><a href="#nogo12">pronto</a></li>
        <li><a href="#nogo13">pronto</a></li>
        <li><a href="#nogo14">pronto</a></li>

              <li><b>titular</b></li>

        <li><a href="#nogo17">pronto</a></li>
        <li><a href="#nogo18">pronto</a></li>

            </ul>
        </li>

              <li><b>titular</b></li>

        <li><a href="#nogo19">pronto</a></li>
        <li><a href="#nogo20">pronto</a></li>
        <li><a href="#nogo21">pronto</a></li>

        </ul>
        </li>



        <li class="top"><a href="#nogo22" id="software" class="top_link"><span class="down">Software</span></a>

        <ul class="sub">

        <li><a href="#nogo23">pronto</a></li>
        <li><a href="#nogo24">pronto</a></li>
        <li><a href="#nogo25">pronto</a></li>
        <li><a href="#nogo26">pronto</a></li>

        </ul>
        </li>



        <li class="top"><a href="#nogo27" id="tutorials" class="top_link"><span class="down">Tutoriales</span></a>

        <ul class="sub">

        <li><a href="#nogo28">pronto</a></li>
        <li><a href="#nogo29" class="fly">pronto</a>

            <ul>

              <li><b>titular</b></li>

        <li><a href="#nogo34" class="fly">pronto</a>

            <ul>

               <li><b>titular</b></li>

        <li><a href="#nogo35">pronto</a></li>
        <li><a href="#nogo36">pronto</a></li>
        <li><a href="#nogo37">pronto</a></li>
        <li><a href="#nogo38" class="fly">pronto</a>

            <ul>

              <li><b>titular</b></li>

        <li><a href="#nogo39">pronto</a></li>
        <li><a href="#nogo40">pronto</a></li>
        <li><a href="#nogo41">pronto</a></li>
            </ul>

        </li>

        <li><a href="#nogo42">pronto</a></li>
        <li><a href="#nogo43">pronto</a></li>

             </ul>
        </li>

        <li><a href="#nogo44">pronto</a></li>
        <li><a href="#nogo45">pronto</a></li>
        <li><a href="#nogo46">pronto</a></li>

              <li><b>titular</b></li>

        <li><a href="#nogo30">pronto</a></li>
        <li><a href="#nogo31">pronto</a></li>
        <li><a href="#nogo32">pronto</a></li>
        <li><a href="#nogo47">pronto</a></li>
        <li><a href="#nogo48">pronto</a></li>

            </ul>
        </li>

        <li><a href="#nogo49">pronto</a></li>
        <li><a href="#nogo50">pronto</a></li>
        <li><a href="#nogo51">pronto</a></li>
        <li><a href="#nogo52">pronto</a></li>

            </ul>
        </li>



        <li class="top"><a href="#nogo53" id="information" class="top_link"><span class="down">informacion</span></a>

        <ul class="sub">

        <li><a href="#nogo54">pronto</a></li>
        <li><a href="#nogo55">pronto</a></li>
        <li><a href="#nogo56">pronto</a></li>

            </ul>
        </li>



        <li class="top"><a href="http://www.google.com/friendconnect/signin/home?st=e%3DAOG8GaBvoYOi6P8OILx15ZERfMdYvu5LaEHU84FV3wNhoajq7vC1sRac%252B4TWz1XRr9%252FrqchWq0JdFbS4spldp%252BYZD8IBqnMl0BlJCnfM8RkQIty%252B8%252FLWAhnO3W3I6rGJEVSfMA7fQVTbHeZ7LZG1sJ%252BsYK%252BT0eZz2P%252BQgMbEhM6zQmuALOSni4esMFQwUR5JfiqJ4vz4HrdBJi7rAdcxrxjGGmyNnQQMLmW8fhaiwrKx4RHql%252BRyiY0%253D%26c%3Dpeoplesense&psinvite=&subscribeOnSignin=1" id="seguir"
        class="top_link"><span>Participar</span></a></li>
        </ul>

Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger