Menu horizontal desplegable
#1 · ·

Bueno gente, tengo una sencilla pregunta... Alguno tiene un codigo HTML editable ya sea en CSS o Java para un menu horizontal desplegable?

Estoy creando un nuevo diseño para mi web y quiero eliminar los desplegables de Flashget en lo posible con tu molesto spam en los boxs izquierdo y derecho de la web...

Espero alguien me pueda ayudar con eso.


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#2 · ·

pon menus desplegables en google y te sorprenderas .


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#3 ·

te sorprendera entonces saber que no soy ningun ignorante, lo ise en google obviamente, por que no soy cualquiera que va pidiendo ayuda sin buscar... como moderador podes ver mis mensajes y fijarte si yo alguna vez pedi codigo para algo...

Los codigos que encontre en google noce por que no me funcionan en el HTML superior de la web....

tambien te sorprenderia saber que no lo quiero en flash, lo quiero en Java, o a lo sumo CSS, ya que a los elementos flash los motores de busqueda como google no encuentran las webs... a no ser que sean realmente propagandas esas webs...

por favor si pregunto algo o si pido algo quiero una respuesta o una ayuda sobre lo que busco como yo siendo Admin las doy en mi web, en mi msn o correo...

Muchas gracias por sorprenderse


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#4 ·
Escrito originalmente por DeroXDDD

te sorprendera entonces saber que no soy ningun ignorante, lo ise en google obviamente, por que no soy cualquiera que va pidiendo ayuda sin buscar... como moderador podes ver mis mensajes y fijarte si yo alguna vez pedi codigo para algo...

no me fijo en tu "historial" y no juzgo la ignorancia de nadie, aunque es el primer paso para llegar a la sabiduría, por ende no es malo ser ingnorante por un tiempo.

Ahora si has tienes un problema con algo, indicalo, di que errores te da y se te da una mano.

Y cada cual responde por donde quiere, si te preguntan por un foro y respondes por msn, ¿para que está el foro?, en fin, acá sólo por el foro .


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#5 ·

solo lo dije como ejemplo lo del msn y demas... bueno vamos al tema no quiero desvirtuar.

Probe con codigos CSS, pero me quedan mal... se ve solamente las opciones del menu linkeadas... pero no reconoce formato, ni fuente ni nada por el estilo... solamente se ven las imagenes "rotas" (osea como que no las puede leer) y al lado la opcion de menu.

Por eso preguntaba si hai algun en Java o cosas asi, ya que CSS no se manejar muy bien


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#6 ·

pon el código para que puedan verlo , que así no se puede.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#7 ·

Codigo HTML:

Spoiler:

<html> 
<head> 
  <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/> 
  <title>Menu</title> 
  <link rel="stylesheet" type="text/css" href="menu.css"  /> 

<script type="text/javascript"> 

startList = function() { 
if (document.all&&document.getElementById) { 
navRoot = document.getElementById("nav"); 
for (i=0; i<navRoot.childNodes.length; i++) { 
node = navRoot.childNodes[i]; 
if (node.nodeName=="LI") { 
node.onmouseover=function() { 
this.className+=" over"; 
  } 
  node.onmouseout=function() { 
  this.className=this.className.replace(" over", ""); 
   } 
   } 
  } 
 } 

window.onload=startList; 


</script> 

</head> 

<body> 
<div id="menu"> 
   <ul id="nav"> 
      <li><a href="nuevo.html">Inicio</a></li> 
      <li id="activo"><a href="#">Entrevistas</a> 
         <ul id="subm"> 
            <li><a href="#">Grupos</a></li> 
            <li><a href="#">Actores</a></li> 
            <li><a href="#">Otros famosos</a></li> 
         </ul> 
      </li> 
      <li><a href="#">Otros articulos</a></li> 
      <li><a href="#">Firmas</a> 
         <ul id="subm"> 
            <li><a href="#">Deivi</a></li> 
            <li><a href="#">Tanuka</a></li> 
            <li><a href="#">Mareliel</a></li> 
            <li><a href="#">Claudia</a></li> 
            <li><a href="#">Maryi</a></li> 
            <li><a href="#">Jose Ma</a></li> 
         </ul> 
      </li> 
      <li><a href="#">Ocio</a> 
         <ul id="subm"> 
            <li><a href="#">Críticas de cine</a></li> 
            <li><a href="#">Chiste del mes</a></li> 
         </ul> 
      </li> 
   </ul> 
</div> 
</body> 
</html>

Y aca la hoja de CSS

Spoiler:

#menu { 
   float: left; 
   width: 100% ; 
   text-align: center ; 
   clear: both ; 
   background: #DAE0D2 url("bg.gif") repeat-x bottom; 

#menu ul { 
   list-style: none; 
    display: inline; 
   margin: 0; 
   padding: 10px 10px 0; 

#menu li { 
   float: left; 
   position: relative; 
   color: #40A035; 
   padding:0 0 0 9px; 
   margin: 0; 
   background: url("left.gif") no-repeat left top; 
   display: block; 

#menu #activo { 
   color: #EDFBEB; 
   background-image: url("left_on.gif"); 

#menu #activo a { 
   background-image: url("right_on.gif"); 
   padding-bottom: 5px; 

#menu #activo li, #menu #activo li a, #menu #subm li, #menu #subm li a { 
   background: #DAE0D2 url("bg.gif") repeat-x bottom; 

#menu li ul { 
/* se ocultan los submenus */ 
   display: block; 
   visibility: hidden; 
   position: absolute; 
   width: auto; 
   top: 1.25em; 
   left: 0; 

#menu ul li > #menu ul { 
   top: auto; 
   left: auto; 

#menu ul li:hover ul, #menu ul li.over ul { 
   visibility: visible; 

/* se hacen visibles los submenus */ 
#menu #activo ul, #menu li:hover ul { 
   visibility: visible; 

/* por defecto se ve el submenu que dependa de la opcion activa */ 
#menu #activo ul { 
   z-index: 10; 

/* el z-index del hover es mayor para poder ver el submenú de otras opciones */ 
#menu li:hover ul { 
   z-index: 100; 

#menu ul li a { 
   float: left; 
   display: block; 
   text-decoration: none; 
   color: #40A035; 
   background: url("right.gif") no-repeat right top; 
/* el padding para la izquierda es también de 15 (como la dere), pero al haber puesto 9 en el elemento "li" hay que descontarlo aquí */
   padding: 5px 15px 4px 6px; 
   font-weight: bold; 

#menu a:hover { 
   color: #B73CBB; 

/* Fix IE. Hide from IE Mac \*/ 
* html ul li { float: left; height: 1%; } 
* html ul li a { height: 1%; } 
* #menu a { float: none ; } 
/* End */

noce como insertar el CSS en el HTML, o enlazarlos... ni tampoco por que no fucionan


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#8 ·

los insertas de esta manera <link rel="stylesheet" type="text/css" href="ruta del archivo css ">


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#9 ·

que pongo en ruta del archivo css -.-


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#10 ·

tienes el .css alojado en algún lado? , pues esa es la esa dirección .


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#11 ·

no lo tengo alojado en ningun lado, soy casi un 0 a la izquierda en lenguaje CSS, solo se HTML y java... me podrias explicar como hacerlo y si puedo usar el FTP en Mi@ para alojarlo?


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#12 · ·

en uno de los códigos que pones dice menu.css . ¿Tienes ese archivo en tu pc? , si es así súbelo al espacio web del foro y lo linkeas como te comenté más atrás <link rel="stylesheet" type="text/css" href="ruta del archivo css "> y de paso agrega una H a orinzontal


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#13 · ·

no no tengo el archivo menu css, el code lo saque se un foro donde se ofrecian codigos.. noce fabricar ese code css, por eso creo que ubiera sido mas facil si alguien me ayudaba un poco mas o darme ese code u otro similar que ya por lo que veran en css soy malisimo.

Si tuvieras un code mejor, algo mas completo te lo agradeseria, despues yo me encargaria de editarlo cambiado colores, links, menus y hacer que coincida con el ancho de mi portal


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#14 ·

pero si lo sacaste de un foro donde dan códigos, al menos deben pasarte un el .css o en su defecto las "líneas" de este que tu luego guardas como menu.css , subes y linkeas.

Y no tengo lo que quieres, google es mi aliado en estos casos y te invito hacer lo mismo.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#15 ·
Escrito originalmente por chavp

pero si lo sacaste de un foro donde dan códigos, al menos deben pasarte un el .css o en su defecto las "líneas" de este que tu luego guardas como menu.css , subes y linkeas.

Y no tengo lo que quieres, google es mi aliado en estos casos y te invito hacer lo mismo.

bueno, de casualidad las lineas css son las que te di ahi arriva en el segundo spoiler?

si son esas, como las subo?


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#16 ·

no sé si son esas, pero probar nada cuesta.

Veamos copialas en y archivo de texto plano, del notepad por ejemplo y le pones como nombre menu.css , la subes al espacio web del foro y la linkeas donde dice  <link rel="stylesheet" type="text/css" href="ruta del .css"  />


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#17 · ·
Escrito originalmente por chavp

no sé si son esas, pero probar nada cuesta.

Veamos copialas en y archivo de texto plano, del notepad por ejemplo y le pones como nombre menu.css , la subes al espacio web del foro y la linkeas donde dice  <link rel="stylesheet" type="text/css" href="ruta del .css"  />

ya lo ise... la verdad ese menu no es mi estilo que digamos... la fuente y sus colores a eso voy aunque se puede editar, pero hai alguna manera de que to pueda subir mis botones propios en ese codigo? ademas quiero agregarle los links para redirigir y no me los toma

EDIT: ya pude poner los links, el unico problema es la apriencia, algun consejo? tengo unos botones que ise en photoshop, eran para un proyecto anterior pero nunca los use, es para el estilo de menu comun pero con mouse-over y mouse-use (que cambie de imagen al pasarle el mouse)


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#18 ·

todo ese código es editable, revisa los href... lo que quieras es html puro . Y lo digo porque más arriba dijiste no ser un ignorante en tema, luego debieras porder editarlo .

Y por cierto , no es que me ande fijando, pero perturban algunas de tus fallas en la ortografía.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#19 ·
Escrito originalmente por chavp

todo ese código es editable, revisa los href... lo que quieras es html puro . Y lo digo porque más arriba dijiste no ser un ignorante en tema, luego debieras porder editarlo .

Y por cierto , no es que me ande fijando, pero perturban algunas de tus fallas en la ortografía.

se lo de las fallas ortograficas, me pasa por escribir rapido sin fijarme, en fin, ya resolvi todo ese asunto... arregle bien el menu y lo deje mejor, lo unico que no logre es cambiar los diferentes tipos de colores en las escalas.

me estube fijando y todo eso esta en la hoja del css pero no entiendo esa escala de colores, se usar la de java que es "#" + "5 caracteres" , osea por ejemplo el negro "#00000", pero en CSS solo encuentro "#399" (por ejemplo). ahora voy a buscar si consigo una web con escalas de colores


Machacateclados
Machacateclados
Haz clic para ver el perfil del usuario
Mensajes: 209
Desde: 02/Nov/2009
· ·
#20 ·
Escrito originalmente por DeroXDDD
Cita

me estube fijando y todo eso esta en la hoja del css pero no entiendo esa escala de colores, se usar la de java que es "#" + "5 caracteres" , osea por ejemplo el negro "#00000", pero en CSS solo encuentro "#399" (por ejemplo). ahora voy a buscar si consigo una web con escalas de colores

Son 6 caracteres, no 5.


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.317
Desde: 15/Ago/2008
· ·
#21 ·

Mira esto http://www.webtaller.com/utilidades/csscoder/colores.php y te recomiendo este http://www.nattyware.com/pixie.php programita que con solo ponerse sobre el color te da el código, hexadecimal , html, etc del color.

Y lo de escribir rápido no me lo compro, pero es tu forma . No más comentarios Ortográficos de mi parte, no vaya a ser que sea yo el infractor .


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer



Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 20.751
Desde: 20/Dic/2002
· ·
#22 ·

Se usan 2 formatos:

#000000 (hexadecimal: base 65536)

#000 (hexadecimal: base 4096)

Para codificar (en simples o dobles): de 0 a F (o de 00 a FF) en formato: Rojo-Verde-Azul

El 0 es más intenso que el F, y la combinación de los 3 resulta en un color.


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 4.001
Desde: 02/Ago/2008
· ·
#23 ·

Complementando lo que dice GestionXls no debes complicarte con los códigos hexadecimales, es muy simple:

#000 es la contracción de #000000, al igual que #123 es la contracción de #112233, recordar que #000 (#000000) es el negro, #FFF (#FFFFFF) es blanco.

Al aumentar las tres partes del código, es decir #000, #111, #222, ... , #999, #AAA, ... #FFF iras pasando de negro a escalas de grises hasta el blanco.

Cuando tienes algo como #F00 si aumentas los ceros proporcionalmente iras aclarando el color base (en este caso rojo).


Come y duerme en el foro
Come y duerme en el foro
Haz clic para ver el perfil del usuario
Mensajes: 450
Desde: 20/Feb/2009
· ·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Comunidades de foros · Comunidades de foros
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 22:47 UTC+02:00 DST
Temas similares
 I FotoPTemaMensajesÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario530/Ago/2006, 01:20
 Ir al último mensaje del tema
Recomendado