Ir al contenido principal

Gadget: Menu desplegable Sexy Dropdown Jquery


Para los que usan plantillas del diseñador de plantilla primero deben hacer lo que dice en la siguiente entrada, Poner cualquier menu en las plantillas del diseñador de Blogger
  • EXPANDEN PLANTILLA DE ARTILUGIOS BUSCAN DONDE DICE
 ]]></b:skin>
  • Y ENCIMA PEGAN ESTO
/* Sexy Drop Down Menu
----------------------------------------------- */
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 100%;
background: #222;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
background: url(http://1.bp.blogspot.com/-S_PzmB_-4to/Ti2zh7QgcpI/AAAAAAAABAE/_0uYLYYxinI/s1600/topnav_bg.gif) repeat-x;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative;
}
ul.topnav li a {
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
}
ul.topnav li a:hover {
background: url(http://2.bp.blogspot.com/-nTvdecPPxi4/Ti2z5-elFvI/AAAAAAAABAM/9ZWEp8jmd-E/s1600/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span {
width: 17px;
height: 35px;
float: left;
background: url(http://2.bp.blogspot.com/-fKWbb_L18-Q/Ti20LPguXWI/AAAAAAAABAU/eieNJaZ5brw/s1600/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {
background-position: center bottom;
cursor: pointer;
}
ul.topnav li ul.subnav {
list-style: none;
position: absolute;
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
}
ul.topnav li ul.subnav li {
margin: 0; padding: 0;
border-top: 1px solid #252525;
border-bottom: 1px solid #444;
clear: both;
width: 170px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(http://3.bp.blogspot.com/-z3TZU7IR6Lo/Ti20fIJU7xI/AAAAAAAABAc/KiyzT3hPjXo/s1600/dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {
background: #222 url(http://3.bp.blogspot.com/-z3TZU7IR6Lo/Ti20fIJU7xI/AAAAAAAABAc/KiyzT3hPjXo/s1600/dropdown_linkbg.gif) no-repeat 10px center;
}


  • para cambiar fuente cambia lo que esta en violeta por cualquiera de estos

  • Arial, Helvetica, sans-serif
  •  Georgia, "Times New Roman", Times, serif
  •  "Courier New", Courier, monospace
  •  Tahoma, Geneva, sans-serif
  •  Verdana, Geneva, sans-serif
  •  "Trebuchet MS", Arial, Helvetica, sans-serif
  •  "Arial Black", Gadget, sans-serif
  •  "Times New Roman", Times, serif
  •  "Palatino Linotype", "Book Antiqua", Palatino, serif
  •  "Lucida Sans Unicode", "Lucida Grande", sans-serif
  •  "MS Serif", "New York", serif
  •  "Lucida Console", Monaco, monospace
  •  "Comic Sans MS", cursive
  • BUSCAN DONDE DICE </head>
  • Y ENCIMA PEGAN ESTO

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

$(&quot;ul.subnav&quot;).parent().append(&quot;<span/>&quot;); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

$(&quot;ul.topnav li span&quot;).click(function() { //When trigger is clicked...

//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find(&quot;ul.subnav&quot;).slideDown(&#39;fast&#39;).show(); //Drop down the subnav on click

$(this).parent().hover(function() {
}, function(){
$(this).parent().find(&quot;ul.subnav&quot;).slideUp(&#39;slow&#39;); //When the mouse hovers out of the subnav, move it back up
});

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass(&quot;subhover&quot;); //On hover over, add class &quot;subhover&quot;
}, function(){ //On Hover Out
$(this).removeClass(&quot;subhover&quot;); //On hover out, remove class &quot;subhover&quot;
});

});
</script>
  • GUARDAN Y VAN A ELEMENTOS DE PAGINA. 
  • BUSCAN AŃADIR GADGET y DAN DONDE DICE HTML/JAVASCRIPT Y PEGAN LO SIGUIENTE
<ul class="topnav">
<li><a href="URL del enlace">Pestańa1</a></li>
<li>
<a href="URL del enlace">Pestańa2</a>
<ul class="subnav">
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
</ul>
</li>
<li>
<a href="URL del enlace">Pestańa 3</a>
<ul class="subnav">
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
</ul>
</li>
<li><a href="URL del enlace">Pestańa 4</a></li>
<li><a href="URL del enlace">Pestańa 5</a></li></ul>

  • Si quieren agregar una pestaña  solo agreguen lo siguiente antes de </ul>
<li><a href="URL del enlace">Pestańa</a></li>
  • Si quieren añadir un pestaña con subpestañas agreguen esto antes de </ul> 
<a href="URL del enlace">Pestańa</a>
<ul class="subnav">
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
<li><a href="URL del enlace">Sub Pestańa</a></li>
  • Si quieren añadir una subpestaña a una pestaña solo agreguen esto antes de </ul>
<li><a href="URL del enlace">Sub Pestańa</a></li>

Entradas populares de este blog

Manual:Crear un Servidor dedicado para Halo CE

Halo CE es una variacion de halo combat e, solo que este halo solo puede usarse en multijugador, se pueden agregar mapas y estilos llamado mods.
A pesar de ser un juego que salió hace ya mucho tiempo aun es uno de los juegos más jugados Online con más de 300 servidores y más de 3000 jugadores al día.
Por tal motivo hay muchos que quieren tener un servidor dedicado a este juego para que los jugadores entren a su servidor.

Indice
Descarga de archivos necesarios.Configuracion de red.Creacion de Partidas.Configuracion del archivo init.txt y otros codigos.
Nombre de los mapas en codigo para init.txtIndicaciones de codigo
Descarga de los Archivos Necesarios.
- Archivos: (init.txt, haloceded.exe, haloce.exe, sapp/sapp.txt, Bienvenida.txt).

DescargarDescargas
Configurar RED.
Para configurar la red debes hacer lo siguiente.
Ve a Panel de Control, luego a Firewall de Windows.Ve a la pestaña de Excepciones. y das click en Agregar puerto.Para que sea más reconocible, en nombre escribe "Halo Cliente

Paquetes de Idioma Windows 7 MUI (64bits / x64)

Paquete de idiomas para windows 7 para aquellos que nacesitan tener varios idiomas en su pc.
Es compatible con la mayoria de versiones de Windows 7

Hay que tomar nota de que si se instalan demasiados paquetes de idioma adicionales, el espacio de disco y el rendimiento del sistema puede verse afectados. En particular, el espacio de disco y el rendimiento del sistema se ven afectados durante las operaciones de servicios, tales como las instalaciones de Service Pack (KB972813). Por lo tanto, se recomienda sólo añadir un paquete de idioma, el que necesitares exclusivamente.
Paquete de idiomas Windows 7 RTM MUI 64-bit (x64)
ArabeDescargasBulgaroDescargasChino (Simplifi...)DescargasChino (Tradicio...)DescargasCroataDescargasChecoDescargasDanésDescargasHolandésDescargasInglésDescargasEstonioDescargasFinlandésDescargasFrancésDescargasAlemánDescargasGriegoDescargasHebreoDescargasHúngaroDescargas

Manual:Codigos y plantillas Aegisub

Aegisub es un programa que le permite a las personas añadir subtitulos y karaoke a sus videos, actualmente Aegisub para dar esos estilos y animaciones a los subtitulos y karaokes usa una serie de codigos que activan dichas animaciones en un tiempo y colores determinados, como un script en HTML.
Los que más utilizan este programa son los Fansubs y empresas de karaoke.Los codigos son dificiles de aprender pero no imposibles si mantienes practica.REGLAS DE LOS CÓDIGOS.
Debes saber unas reglas para los codigos y es que cada coigo está entre parentesis {}. El codigo inicia con una diagonal inversa (invert slash) \.El indicador de la accion biene negreado.El codigo numerico saldrá normal.El codigo viene antes del texto.Cada codigo se divide con una diagonal inversa \. BÁSICO.
_________________________________________________________________________
Lo basico son esos codigos que son los más utilizados y faciles, además de que el mismo programa te da las opciones y no necesariamente tienes que…