Menú horizontal con efecto deslizante – Habitaciones – Hipotecario – Miami

AVISO

Hay unaversión actualizada de este menú, la cual permite personalizar el menú de una forma más sencilla, utiliza una versión más reciente de jQuery, y está habilitada para usarse junto con Scriptaculous y Prototype.

Este es unmenú horizontal desplegable para el blog con efecto deslizante. El autor esDynamicdrive y está basado en librería jQuery. Es un menú muy elegante al que le puedes agregar sub menús y estos aparecen con un efecto deslizante hacia abajo. Puedes verlo funcionando en esteblog de pruebas.

ATENCIÓN: Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger primero necesitas seguir los pasos de esta entrada.

Para poner este menú horizontal en Blogger sólo hay que seguir estos sencillos pasos:

Entra aPlantilla | Edición de HTML y pega antes de/head lo siguiente:

link href='http://dl.dropbox.com/u/647003/CiudadBlogger/Scripts/jqueryslidemenu.css' rel='stylesheet' type='text/css'/
!--[if lte IE 7]
style type="text/css"
html .jqueryslidemenu{height: 1%;}
/style
![endif]--
script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/
script src='http://dl.dropbox.com/u/647003/CiudadBlogger/Scripts/jqueryslidemenu.js' type='text/javascript'/

Ahora entra enDiseño | Añadir un gadget | HTML/Javascript y pega ahí esto:

div id="myslidemenu" class="jqueryslidemenu"
ul
lia href="#"Pestaña 1/a/li
lia href="#"Pestaña 2/a/li
lia href="#"Pestaña 3/a
ul
lia href="#"Sub 3.1/a/li
lia href="#"Sub 3.2/a
ul
lia href="#"Sub 3.2.1/a/li
lia href="#"Sub 3.2.2/a/li
lia href="#"Sub 3.2.3/a/li
/ul
/li
/ul
/li
lia href="#"Pestaña 4/a/li
lia href="#"Pestaña 5/a
ul
lia href="#"Sub 5.1/a/li
lia href="#"Sub 5.2/a/li
lia href="#"Sub 5.3/a/li
lia href="#"Sub 5.4/a/li
/ul
/li
lia href="#"Pestaña 6/a/li
/ul


br style="clear: left"/
/div

Ahora cambia los sígnos de número (# ) por la URL del enlace del botón y arrastra ese elemento abajo de la cabecera.

Si quieres poner otra pestaña sólo debes agregar una línea como esta:

lia href="#"Otra pestaña/a/li

Y si quieres agregar una pestaña con sub menú entonces agrega esto:

lia href="#"Otra pestaña/a
ul
lia href="#"Sub menu 1/a/li
lia href="#"Sub menu 2/a/li
/ul
/li

Si quieres cambiar los colores del menú tendrás que editar el archivo .css y luego subirlo a tu propio servidor.
Aquí les dejo el script y el archivo CSS por si lo quieren editar o por si lo quieren subir a su propio hosting. Sólo recuerda que si lo subes a tu propio hosting deberás cambiar las URL que se encuentran en el código que pegaste antes de /head

Descargar script y hoja de estilos

Mobile casino Casino Social media platforms for business Insurance Companies Hire php developer hughes net business Motor Replacements Online motor insurance quotes MOTOR REPLACEMENTS Online Stock Trading FUTURISTIC ARCHITECTURE structured settlement company Online casino life insurance co lincoln Dayton Freight Lines donate your car for kids Forensics Online Course Custom Christmas cards Make money online Australia Home Phone Internet Bundle WordPress hosting benchmark lending business voice mail service mesotheliama webex costs anti spam exchange server Donate Car for Tax Credit canada personals yahoo Social media campaigns injury lawyers west palm beach mesotheloma DONATING A CAR IN MARYLAND Psychic for Free Better Conference Calls cash out structured settlement baltimore mesothelioma attorneys Criminal lawyer Car insurance quotes Colorado NEUSON Donate Car To Charity CALIFORNIA Italian cooking school structured annuity settlement Social media management Casino reviews Business management software Social media examiner Donate Your Car Sacramento Seo company WebEx costs boulder personal injury lawyers Live casino DUI lawyer uk homeowner loans Computer science classes online diagnosed with mesothelioma New social media platforms Psychic for free Tech school car insurance companies st louis mesothelioma attorney fast cash for house Dallas mesothelioma attorneys ONLINECLASSES Hire php developers email bulk service onlineclasses google affiliate Dallas Mesothelioma Attorneys Hire php programmers Donate Your Car for Kids accident attorney san bernardino Bankruptcy lawyer mesothelioma lawyer asbestos cancer lawsuit Dedicated Hosting Dedicated Server Hosting Best Seo company Webex Costs Royalty free images stock Dwi lawyer structured settlement need cash now Forensics online course DONATING USED CARS TO CHARITY Service business software ASBESTOS LAWYERS Proud Italian cook mesothelioma symptoms ashely madis structured settlement sell Email Bulk Service Criminal defense lawyer Php programmers for hire lease management software Psd to html emergency response plan ppt See more at http//wwwginfostopnet/ car insurance quotes pa philadelphia mesothelioma lawyer injury attorney baton rouge Met auto Neuson Paperport promotional code Insurance Best criminal lawyer in Arizona PSYCHIC FOR FREE Php programmers World trade center footage Seo companies SELL ANNUITY PAYMENT car insurance quotes mn Annuity Settlements Best social media platforms for business car insurance quotes mesothelioma settlements amounts Business finance group Custom WordPress theme designer student loan consolidation program