Foros del Web » Creando para Internet » Diseño web »

menu basico web

Estas en el tema de menu basico web en el foro de Diseño web en Foros del Web. Hola a [email protected] Aunque hace un tiempo descubrí ésta web, es ahora cuando tengo que hacer mi primera web, y después de leer los post ...
  #1 (permalink)  
Antiguo 27/09/2010, 15:19
 
Fecha de Ingreso: marzo-2010
Ubicación: España
Mensajes: 25
Antigüedad: 7 años, 8 meses
Puntos: 0
menu basico web

Hola a [email protected]

Aunque hace un tiempo descubrí ésta web, es ahora cuando tengo que hacer mi primera web, y después de leer los post dedicados a ello, escuando surgen las primeras dudas.

Me he descargado XAMPP, porque queria usar herramienta gratuita, la programación será en PHP, y MYSQL como bd.

Estoy en proceso a traves de tutoriales y videos de aprender html, y hojas de estilo, div y todo eso.

Estoy empezando con la web y quería hacer un menú tipico debajo de una imagen en grande que ocupa toda la pantalla en la parte de arriba, lo que pasa que me lio con las propiedades de alto,ancho... ¿Alguien me puede poner el codigo un un menu sencillo para ir tirando?

Muchas gracias un saludo
  #2 (permalink)  
Antiguo 27/09/2010, 16:40
 
Fecha de Ingreso: marzo-2010
Ubicación: España
Mensajes: 25
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: menu basico web

Muchas gracias, ignoraba estas paginas pero mycssmenu me fue de utilidad. Después de arreglarlo un poco (y aunque algunas cosas no las entiendo, soy capaz de modificar un poco el menu que quiero), la pregunta ahora es, al hacer click en el menu, para que la web haga algo, o vaya a otra página, ese código se pone en un evento on click? o como se hace? ¿?

Seguro que de este codigo que me ha generado, hay cosas q no sirven de nada (algunas ya las he quitado). dejo un par de dudas

Despues de las hojas de estilo me pone esto:

<!-- Core MyCSSMenu Code -->
<script type="text/javascript">/* <![CDATA[ */var qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm _ib;var qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var qm_n=qm_t.indexOf("Netscape")+1;var qm_v=parseFloat(navigator.vendorSub);;function qm_create(sd,v,ts,th,oc,rl,sh,fl,ft,aux,l){var w="onmouseover";var ww=w;var e="onclick";if(oc){if(oc=="all"||(oc=="lev2"&&l>=2 )){w=e;ts=0;}if(oc=="all"||oc=="main"){ww=e;th=0;} }if(!l){l=1;qm_th=th;sd=document.getElementById("q m"+sd);if(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){qm_kille(e)};document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){qm_ic=true;qm_oo(new Object(),qm_la,1);qm_kille(event)};document.onmous eover=function(){qm_la=null;clearTimeout(qm_tt);qm _tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1); if(!v)sd.ch=1;}else if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)s d.fl=1;if(ft)sd.ft=1;if(rl)sd.rl=1;sd.style.zIndex =l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){clear Timeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(even t);};b.qmts=ts;if(l==1&&v){b.style.styleFloat="non e";b.style.cssFloat="none";}}else if(b.tagName=="DIV"){if(window.showHelp&&!window.X MLHttpRequest)sp[i].insertAdjacentHTML("afterBegin","<span class='qmclear'>&nbsp;</span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp ;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.o ffsetWidth+"px";new qm_create(b,null,ts,th,oc,rl,sh,fl,ft,aux,l+1);}}} ;function qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt );qm_tt=null;if(qm_li)qm_tt=setTimeout("x0()",qm_t h);};function x0(){var a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad &&qmad.bhide)eval(qmad.bhide);a.style.visibility=" ";x2("qmactive",a.idiv);};;function qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));};function qm_oo(e,o,nt){if(!o)o=this;if(qm_la==o&&!nt)return ;if(window.qmv_a&&!nt)qmv_a(o);if(window.qmwait){q m_kille(e);return;}clearTimeout(qm_tt);qm_tt=null; qm_la=o;if(!nt&&o.qmts){qm_si=o;qm_tt=setTimeout(" qm_oo(new Object(),qm_si,1)",o.qmts);return;}var a=o;if(a[qp].isrun){qm_kille(e);return;}if(qm_ib&&!qm_ic)retur n;var go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a =o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li))qm_uo(qm_ li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp]&&a!=o.cdiv)qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var ah=b.offsetHeight;var ax=b.offsetLeft;var ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else {if(c.ft)ay=0;if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp].clientTop;}if(qm_s2&&!qm_s3){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth");ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.le ft=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}x2("qmac tive",o,1);if(window.qmad&&qmad.bvis)eval(qmad.bvi s);c.style.visibility="inherit";qm_li=c;}else if(!qm_a(b[qp]))qm_li=b[qp];else qm_li=null;qm_kille(e);};function qm_gcs(obj,sname,jname){var v;if(document.defaultView&&document.defaultView.ge tComputedStyle)v=document.defaultView.getComputedS tyle(obj,null).getPropertyValue(sname);else if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e .stopPropagation&&!(qm_s&&e.type=="click"))e.stopP ropagation();};function qm_pure(sd){if(sd.tagName=="UL"){var nd=document.createElement("DIV");nd.qmpure=1;var c;if(c=sd.style.cssText)nd.style.cssText=c;qm_conv ert(sd,nd);var csp=document.createElement("SPAN");csp.className=" qmclear";csp.innerHTML="&nbsp;";nd.appendChild(csp );sd=sd[qp].replaceChild(nd,sd);sd=nd;}return sd;};function qm_convert(a,bm,l){if(!l)bm[qc]=a[qc];bm.id=a.id;var ch=a.childNodes;for(var i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var j=0;j<sh.length;j++){if(sh[j]&&(sh[j].tagName=="A"||sh[j].tagName=="SPAN"))bm.appendChild(ch[i].removeChild(sh[j]));if(sh[j]&&sh[j].tagName=="UL"){var na=document.createElement("DIV");var c;if(c=sh[j].style.cssText)na.style.cssText=c;if(c=sh[j].className)na.className=c;na=bm.appendChild(na);ne w qm_convert(sh[j],na,1)}}}}}/* ]]> */</script>

<!-- Add-On Core Code (Remove when not using any add-on's) -->
<style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/JavaScript">var qmad = new Object();qmad.bvis="";qmad.bhide="";</script>

<!-- Add-On Settings -->
<script type="text/JavaScript">


¿Creo q sera un script de java, pero es necesario para el menu??¿??¿ Gracias de nuevo...
  #3 (permalink)  
Antiguo 27/09/2010, 16:53
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 8 años, 5 meses
Puntos: 641
Respuesta: menu basico web

pues si lo es. por que en algunos navegadores es posible que no se vea bien como en el caso de IE6 por eso no se usa css si no javascript.
  #4 (permalink)  
Antiguo 28/09/2010, 02:24
 
Fecha de Ingreso: marzo-2010
Ubicación: España
Mensajes: 25
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: menu basico web

ok, gracias y perdon por el tostón de código....... no se como se hace para que quede con el despegable como otros posts foreros

gracias!!!
  #5 (permalink)  
Antiguo 29/09/2010, 16:00
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: menu basico web

Hola:

¿Y porqué usar javascript para hacer un menú si se puede hacer simplemente con CSS? Busca entre los ejemplos que aparecen en las FAQ's de CSS.

Saluods.


Etiquetas: basico
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:34.