Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje19-01-2011, 10:59 (UTC)    
Título del mensaje: Ayuda codigos

Saludos me pueden ayudar a poner de forma correcta los codigos de este menu??

No me sale como le indico, ni las medidas de los botones, ni la posicion, tampoco me oculta las subpaginas.

CODIGO POR ENCIMA PAGINA:

<body style="color: black; background-color: black;" alink="#cc0000"
link="#cc0000" vlink="#a48320">
<div style="height: 19px;" id="contenedor"><br>
<div style="height: 229px; width: 973px;" id="cabezal"><br>
</div>
<div id="sidebar"><br>
</div>
<div style="width: 581px;" id="sidebar2"><br>
</div>
<div id="sidebar3"><br>
</div>
<div id="sidebar">
<ul id="menunav">
<li><a href="http://cosasdelmisterio.es.tl/INICIO.htm">Inicio</a></li>
<li><a href="http://cosasdelmisterio.es.tl/GALERIA.htm" class="menutrg">Galeria</a>
<ul>
<li><a href="http://cosasdelmisterio.es.tl/GALERIA-FOTOS.htm" class="menutrg">Galeria Fotos</a>
<ul>
<li><a href="http://cosasdelmisterio.es.tl/RESULTADOS-FOTOGRAFIAS.htm">Resultados Investigaciones</a></li>
<li><a href="http://cosasdelmisterio.es.tl/LUGARES-INVESTIGADOS.htm">Lugares Investigados</a></li>
</ul>
</li>
<li><a href="http://cosasdelmisterio.es.tl/GALERIA-VIDEOS.htm" class="menutrg">Galeria Videos</a>
<ul>
<li><a href="#">Botón 3 - 2 - 1</a></li>
<li><a href="#">Botón 3 - 2 - 2</a></li>
<li><a href="#">Botón 3 - 2 - 3</a></li>
</ul>
</li>
<li><a href="http://cosasdelmisterio.es.tl/Galeria-Audio.htm" class="menutrg">Galeria Audio</a>
<ul>
<li><a href="#">Botón 3 - 3 - 1</a></li>
<li><a href="#">Botón 3 - 3 - 2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://cosasdelmisterio.es.tl/Noticias.htm">Noticias/Eventos</a></li>
<li><a href="http://cosasdelmisterio.es.tl/SOBRE-NOSOTROS.htm">Sobre Nosotros</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Links-paginas-afines.htm">Links</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Libro-de-visitantes.htm">Libro Visitas</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Contacto.htm">Contacto</a></li>
<li><a href="http://cosasdelmisterio.es.tl/Encuestas.htm">Encuestas</a></li>
<li><a href="http://cosasdelmisterio.es.tl/COLABORA-CON-NOSOTROS.htm">Colabora</a></li>
<li><a href="http://cosasdelmisterio.es.tl/INICIO.htm" class="menutrg">Inicio2</a>
<ul>
<li><a href="#">Botón 1 - 1</a></li>
<li><a href="#">Botón 1 - 2</a></li>
<li><a href="#">Botón 1 - 3</a></li>
</ul>
</li>

<li><a href="#">Botón 4</a></li>
</ul>
</div>

CODIGO POR DEBAJO DE LA PAGINA:

<div id="boxderecha"><br>
<center> <hed><a href="http://losduendes.info/tienda/index.php"><img
style="width: 153px; height: 127px;" alt="Tienda Fantasia"
src="http://a.imageshack.us/img828/5619/logooficialduendes.jpg"
title="Los Duendes del Reloj"></a></hed><br>
<hed><a href="http://www.solovampiros.com/"><img alt="SoloVampiros"
src="http://img375.imageshack.us/img375/2861/logosolovampiros09.jpg"
title="SoloVampiros"></a></hed><br>
<hed><a href="http://www.undeadarkclub.com/"><img alt="Undead Dark
Club"
src="http://img826.imageshack.us/img826/2016/undeadlogo.jpg"
title="Undead Dark Club"></a></hed><br>
<hed><a href="http://www.obscureshop.com/"><img alt="Tienda gotica"
src="http://img716.imageshack.us/img716/5142/obscureshop.jpg"
title="Obscureshop - Tienda de ropa gotica y
alternativa"></a></hed></center><br /><center><hed><a href="http://cosasdelmisterio.es.tl/El-Grupo-en-Red.htm"><img alt="Cosas del Misterio en la Red"src="http://img545.imageshack.us/img545/6414/paginasdelgrupo.jpg" title=" Cosas del Misterio en la Red "/></a></hed></center><center><br /><hed><a href="http://www.facebook.com/pages/Cosas-del-Misterio/118968888127498"><img alt="FACEBOOK"src="http://img692.imageshack.us/img692/3117/iconofacebookcopia.jpg" title=" FACEBOOK"/></a></hed></center><br /><center><hed><a href=" http://www.twitter.com/Cosasdlmisterio "><img alt="TWITTER"src="http://img515.imageshack.us/img515/6320/twitterrotopequeo.jpg" title=" TWITTER"/></a></hed></center><br /><center><hed><a href="http://cosasdelmisterio.foro-activo.es/"><img alt="FORO OFICIAL"src="http://img718.imageshack.us/img718/4382/logooficialforogeneral.jpg"/></a></hed></center>
</div>
<center><div id="pie"><br>
</div><center><script src="http://h1.flashvortex.com/display.php?id=2_1295260213_49577_495_0_683_84_10_1_108" type="text/javascript"></script></center></br><script language="javascript" src="http://www.contadorgratis.net/hit.php?page=a07a08a99897d277ff4ea4397c761a0e&digit=bankgot"></script>
<br><font size=1><a href="http://cosasdelmisterio.es.tl/INICIO.htm" target="_blank">Cosas del Misterio</a></font>
<!-- FIN Codigo contadorgratis.net -->
</center>
</div></center>

CSS CODE SIN STYLE TANGS

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {margin-left:auto; margin-right:auto;}

#header_container {
display: none;
}
#nav_container {
display: none;
}
h2#title {
display: none;
}
#sidebar_container {
display: none;
}
body {
font-family: Parseltongue;
color: #A4A4A4;
background-color: #0B0B0B;
}
#contenedor {
background-color: black;
margin-right: auto;
margin-left: auto;
color: #0B0B0B;
width: 990px;
}
#cabezal {
background-image: url(http://img196.imageshack.us/img196/766/bannertlcopiacopia.jpg);
}
#sidebar2 {
width: 505px;
height: 38px;
margin-left: 200px;
margin-top: -38px;
background-image: url(http://img204.imageshack.us/img204/8096/titulocentrocopia.jpg);
background-position: center center;
}
#sidebar3 {
width: 185px;
height: 38px;
margin-left: 783px;
background-image: url(http://img840.imageshack.us/img840/7078/paginasamigassegunda.jpg);
background-position: center center;
margin-top: -38px;
}
body {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
#menunav {
margin: 0;
padding:0;
}
#menunav li {
list-style-type: none;
margin: 0;
padding: 0;
background-image: url(http://img804.imageshack.us/img804/3537/bottom.gif);
/* background-repeat: repeat-x; */
border-bottom: 1px solid #0074E3;
background-color: #0074E3;
}
#menunav ul {
border-top: 1px solid #eeeeee;
margin: 0;
padding: 0;
z-index: 10000;
}
#menunav ul li {
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #333333;
}
#menunav a {
display: block;
text-decoration: none;
background-color: transparent;
padding: 4px 12px 4px 10px;
color: #ffffff;
border-top: 1px solid #0061BD;
border-right: 1px solid #0061BD;
border-bottom: 0;
border-left: 4px solid #0061BD;
line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover,
#menunav .menuon:active {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
background-image: url(http://img804.imageshack.us/img804/3537/bottom.gif);
background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
background-image: url(http://img801.imageshack.us/img801/8505/efectomenu.jpg);
background-repeat: repeat;
background-position: right center;
}
#menunav .menutrg:hover {
background-position: right center;
background-image: url(http://img804.imageshack.us/img804/3537/bottom.gif);
background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
left: -9000px;
border: 0;
}
#menunav .menushow {
left: auto;
z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
#content {
width: 565px;
min-height: 100px;
padding-left: 15px;
float: left;
color: #A4A4A4;
}
#boxderecha {
width: 200px;
min-height: 100px;
margin-left: 783px;
}
#pie {
background-image: url(http://img406.imageshack.us/img406/3671/finalpie.jpg);
background-position: center top;
width: 680px;
height: 169px;
clear: both;
}
/*modifica el menu madre */
#sidebar {
position: absolute;
width: 189px;
min-height: 100px;
float: left;
font-family: Parseltongue;
color: #990000;
font-size: 20px;
font-weight: bold;
line-height: 1.5pc;
padding-left: 11px;
}
function menu_set(){
var i,d='',h="<sty"+"le type="text/css">",tA=navigator.userAgent.toLowerCase();if(window.opera){
if(tA.indexOf("opera 5")>-1||tA.indexOf("opera 6")>-1){return;}}if(document.getElementById){
for(i=1;i<20;i++){d+='ul ';h+="n#menunav "+d+"{position:absolute;left:-9000px;width:11em;}";}
document.write(h+"n<"+"/sty"+"le>");}}menu_set();
/* modifica caracteristicas de apertura de menus */
function menu_init(){
var i,g,tD,tA,tU,pp,lvl,tn=navigator.userAgent.toLowerCase();if(window.opera){
if(tn.indexOf("opera 5")>-1||tn.indexOf("opera 6")>-1){return;}}else if(!document.getElementById){return;}
menup=arguments;menuct=new Array;tD=document.getElementById('menunav');
if(tD){tA=tD.getElementsByTagName('A');
for(i=0;i<tA.length;i++){tA[i].menucl=menuct.length;
menuct[menuct.length]=tA[i];g=tA[i].parentNode.getElementsByTagName("UL");
tA[i].menusub=(g)?g[0]:false;ev=tA[i].getAttribute("onmouseover");
if(!ev||ev=='undefined'){tA[i].onmouseover=function(){
menu_trig(this);};}ev=tA[i].getAttribute("onfocus");
if(!ev||ev=='undefined'){tA[i].onfocus=function(){menu_trig(this);};}
if(tA[i].menusub){pp=tA[i].parentNode;
lvl=0;while(pp){if(pp.tagName&&pp.tagName=="UL"){lvl++;}pp=pp.parentNode;}
tA[i].menulv=lvl;}}tD.onmouseout=menu_close;menu_open();}
}
function menu_trig(a){
var b,t;if(document.menut){clearTimeout(document.menut);}document.menua=1;
b=(a.menusub)?'menu_show(':'menu_tg(';
t='document.menut=setTimeout("'+b+a.menucl+')",160)';eval (t);
}
/*muestra los menus */
function menu_show(a,bp){
var u,lv,oft,ofr,uw,uh,pp,aw,ah,adj,mR,mT,wW=0,
wH,w1,w2,w3,sct,pw,lc,pwv,xx=0,yy=0,wP=true;
var iem=(navigator.appVersion.indexOf("MSIE 5")>-1)?true:false,dce=document.documentElement,dby=document.body;
document.menua=1;
if(!bp){menu_tg(a);}u=menuct[a].menusub;
if(u.menuax&&u.menuax==1){return;}u.menuax=1;
lv=(menup[0]==1&&menuct[a].menulv==1)?true:false;
menuct[a].className=menuct[a].className.replace("menutrg","menuon");oft=parseInt(menup[3]);
ofr=parseInt(menup[4]);
uw=u.offsetWidth;uh=u.offsetHeight;pp=menuct[a];aw=pp.offsetWidth;ah=pp.offsetHeight;while(pp){xx+=(pp.offsetLeft)?pp.offsetLeft:0;
yy+=(pp.offsetTop)?pp.offsetTop:0;if(window.opera||navigator.userAgent.indexOf("Safari")>-1){
if(menuct[a].menulv!=1&&pp.nodeName=="BODY"){yy-=(pp.offsetTop)?pp.offsetTop:0;}}pp=pp.offsetParent;}
if(iem&&navigator.userAgent.indexOf("Mac")>-1){yy+=parseInt(dby.currentStyle.marginTop);}adj=parseInt((aw*ofr)/100);mR=(lv)?0:aw-adj;
adj=parseInt((ah*oft)/100);mT=(lv)?0:(ah-adj)*-1;w3=dby.parentNode.scrollLeft;if(!w3){w3=dby.scrollLeft;}w3=(w3)?w3:0;
if(dce&&dce.clientWidth){wW=dce.clientWidth+w3;}else if(dby){wW=dby.clientWidth+w3;}if(!wW){wW=0;wP=false;}wH=window.innerHeight;
if(!wH){wH=dce.clientHeight;if(!wH||wH<=0){wH=dby.clientHeight;}}sct=dby.parentNode.scrollTop;if(!sct){sct=dby.scrollTop;if(!sct){
sct=window.scrollY?window.scrollY:0;}}pw=xx+mR+uw;if(pw>wW&&wP){mR=uw*-1;mR+=10;if(lv){mR=(wW-xx)-uw;}}lc=xx+mR;if(lc<0){mR=xx*-1;}
pw=yy+uh+ah+mT-sct;pwv=wH-pw;if(pwv<0){mT+=pwv;}u.style.marginLeft=mR+'px';u.style.marginTop=mT+'px';
if(menup[2]==1){if(!iem){menu_anim(a,20);}}u.className="menushow";
}
/* oculta los menus */
function menu_hide(u){
var i,tt,ua;u.menuax=0;u.className="menuhide";
ua=u.parentNode.firstChild;ua.className=ua.className.replace("menuon","menutrg");
}
function menu_tg(a,b){
var i,u,tA,tU,pp;tA=menuct[a];pp=tA.parentNode;while(pp){if(pp.tagName=="UL"){break;}pp=pp.parentNode;}if(pp){
tU=pp.getElementsByTagName("UL");for(i=tU.length-1;i>-1;i--){if(b!=1&&tA.menusub==tU[i]){continue;}else{menu_hide(tU[i]);}}}
}
function menu_close(evt){
var pp,st,tS,m=true;evt=(evt)?evt:((event)?event:null);st=document.menua;if(st!=-1){if(evt){
tS=(evt.relatedTarget)?evt.relatedTarget:evt.toElement;if(tS){pp=tS.parentNode;while(pp){if(pp&&pp.id&&pp.id=="menunav"){m=false;
document.menua=1;break;}pp=pp.parentNode;}}if(m){document.menua=-1;if(document.menut){clearTimeout(document.menut);}
document.menut=setTimeout("menu_clr()",360);}}}
}
function menu_clr(){
var i,tU,tUU;document.menua=-1;tU=document.getElementById('menunav');if(tU){tUU=tU.getElementsByTagName("UL");if(tUU){
for(i=tUU.length-1;i>-1;i--){menu_hide(tUU[i]);}}}
}
/* crea la animación */
function menu_anim(a,st){
var g=menuct[a].menusub,sp=30,inc=20;st=(st>=100)?100:st;g.style.fontSize=st+"%";if(st<100){st+=inc;setTimeout("menu_anim("+a+","+st+")",sp);}
}
function menu_mark(){document.menuop=arguments;}
function menu_open(){
var i,x,tA,op,pp,wH,tA,aU,r1,k=-1,kk=-1,mt=new Array(1,'','');if(document.menuop){mt=document.menuop;}op=mt[0];if(op<1){return;}
tA=document.getElementById('menunav').getElementsByTagName("A");wH=window.location.href;r1=/index.[S]*/i;for(i=0;i<tA.length;i++){
if(tA[i].href){aU=tA[i].href.replace(r1,'');if(op>0){if(tA[i].href==wH||aU==wH){k=i;kk=-1;break;}}if(op==2){if(tA[i].firstChild){
if(tA[i].firstChild.nodeValue==mt[1]){kk=i;}}}if(op==3 && tA[i].href.indexOf(mt[1])>-1){kk=i;}if(op==4){for(x=1;x<mt.length;x+=2){
if(wH.indexOf(mt[x])>-1){if(tA[i].firstChild&&tA[i].firstChild.data){if(tA[i].firstChild.data==mt[x+1]){kk=i;break;}}}}}}}k=(kk>k)?kk:k;
if(k>-1){pp=tA[k].parentNode;while(pp){if(pp.nodeName=="LI"){pp.firstChild.className="menumark"+" "+pp.firstChild.className;}
pp=pp.parentNode;}}if(kk>-1){document.menuad=1;}menu_adma();menu_admb();
}


Gracias anticipadas, un saludo.
Mensaje20-08-2011, 19:43 (UTC)    
Título del mensaje: Respuestas

Es una pagina Css?
______________
Regla Nº 38 - Puedes Hacerlo, Eres Capaz, Eres Importante, Decidete YA, Hazlo Ahora, E Inicia El Cambio...
Mensaje21-08-2011, 09:10 (UTC)    
Título del mensaje: Re: Respuestas

el fallo de botones a hover, lo tienes en controla la botonera, lo tenes a 100 y eso hace que al pasar el raton, se hace 100 de altura, bajalo a menos de 30
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group