Varios menúes con Javascript – Donate – Online – Dominios ~ Cosas Para Blogueros

Mi compañero y amigo Cloudx18 creóuna entrada bastante simple de como poder crear un menú aplicando CSS al HTML de unos enlaces, pero explicaré una forma de hacerlo aplicando unos estilos y un script, de tal manera que al pasar el cursor por el menú se expanda y se muestren otros enlaces.

Paso 1: Añadimos el CSS y el Script

Bueno esto es algo muy sencillo si no nos centramos en detalles más específicos. Nos vamos a Edición HTML de nuestra plantilla y agregamos esto antes de/head

script src='http://dl.dropbox.com/u/26839930/dropdown.js' type='text/javascript'
/script
link href='http://dl.dropbox.com/u/26839930/dropdown.css' rel='stylesheet' type='text/css'/

*Con esto damos estilos al menú, aunque si deseas cambiar los estilos tan solo tienes que modificar el CSS predeterminado. El efecto lo realiza el script ya añadido.

Paso 2: El menú:

El menú es tan solo HTML así que si queréis podéis añadirlo directamente en los gadgets de la plantilla“Diseño/Elementos de la página”

dl class="dropdown"
dt id="nombre-ddheader" onmouseover="ddMenu('nombre',1)"
onmouseout="ddMenu('nombre',-1)"Un menú con Javascript/dt
dd id="nombre-ddcontent" onmouseover="cancelHide('nombre')"
onmouseout="ddMenu('nombre',-1)"
ul
lia href="URL"Un enlace/a/li
lia href="URL"Otro enlace/a/li
lia href="URL"Más enlaces/a/li
lia href="URL"y otro más/a/li
/ul
/dd
/dl

*Podéis crear tantos menúes como queráis, siempre y cuando la “id” no sea la misma. Un ejemplo de como añadir más sería este:

dl class="dropdown"
  dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"Dropdown One/dt
  dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)"
    ul
      lia href="URL" class="underline"enlace 1/a/li
      lia href="URL" class="underline"enlace 2/a/li
      lia href="URL" class="underline"enlace 3/a/li
      lia href="URL" class="underline"enlace 4/a/li
      lia href="URL"enlace 5/a/li
    /ul
  /dd
/dl

dl class="dropdown"
  dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"Dropdown Two/dt
  dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)"
    ul
      lia href="URL" class="underline"enlace 1v2/a/li
      lia href="URL" class="underline"enlace 2v2/a/li
      lia href="URL" class="underline"enlace 3v2/a/li
      lia href="URL" class="underline"enlace 4v2/a/li
      lia href="URL"enlace 5v2/a/li
    /ul
  /dd
/dl

Con esto y un ejemplo acabamos.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

WordPress hosting Service business software Online motor insurance quotes Casino DONATE CARS ILLINOIS Social media examiner dallas mesothelioma attorneys WordPress themes for designers WordPress theme designers Mobile casino Html email Online casino Dwi lawyer alcohol rehab center in florida mesothelioma lawsuits mesothelioma lawsuit HOW TO DONATE A CAR IN CALIFORNIA Cheap Car Insurance in Virginia WEBEX COSTS washington mesothelioma attorney donating used cars to charity Christmas cards DONATING USED CARS TO CHARITY MET AUTO Donating Used Cars to Charity ashely madis Email Bulk Service anti spam appliance buying structured settlements online criminal justice degree Motor Insurance Quotes best criminal lawyer in arizona Make money online Australia buying an annuity calculator data recovery raid Live casino Hire php programmers Donating a Car in Maryland Social media platforms for business Criminal defense lawyer New social media platforms Casino reviews Seo services FORENSICS ONLINE COURSE DUI lawyer Hard drive data recovery services BETTER CONFERENCING CALLS Donate Your Car for Kids Hire php developers accident attorney orange county Business finance group Best social media platforms for business mesotheioma Business VOIP Solutions car crash attorneys accident car florida lawyer car accident lawyer michigan selling a structured settlement Dallas mesothelioma attorneys ONLINE COLLEDGES CAR INSURANCE IN SOUTH DAKOTA car insurance quotes pa Dedicated Hosting Dedicated Server Hosting Criminal lawyer cheap car insurance in virginia DONATE CARS IN MA Cheap Domain Registration Hosting selling my structured settlement PHD IN COUNSELING EDUCATION quotes car Php programmers for hire Forensics online course mesothelioma charities Motor Replacements Hire php developer Bankruptcy lawyer structured settlements companies Royalty Free Images Stock mesothelioma attorney car accident lawyers mesothelioma lawyer houston Donate your car for kids Computer science classes online World Trade Center Footage structured settlement quote mesotheliama car accident lawyers los angeles motorcycle lawyer los angeles DONATE YOUR CAR FOR KIDS Php programmers Seo companies mesothelioma lawyer chicago Mortgage Adviser mesothelioma compensation Donate Car to Charity California mesothelioma suit Car Accident Lawyers Low Credit Line Credit Cards Custom WordPress theme designer Nunavut culture Paperport Promotional Code Massage school Dallas Texas Annuity Settlements MASSAGE SCHOOL DALLAS TEXAS injury lawyers west palm beach Best Seo company Donate car for tax credit Business management software Social media tools Best social media platforms accident lawyers in los angeles car insurance quotes futuristic architecture sell annuity payment CAR INSURANCE QUOTES MN

Categories