Menu horizontal desplegable - Comunidades de foros

GM-Dero Machacateclados
#1•17/Nov/2010, 23:38•Editado por GM-Dero 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.

*chavp* Moderador
#2•18/Nov/2010, 13:24•Editado por chavp 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 2011, año internacional de los Bosques Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero

Machacateclados

#3•18/Nov/2010, 23:21

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

chavp

Moderador

#4•19/Nov/2010, 14:29

Escrito originalmente por DeroXDDD

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero

Machacateclados

#5•19/Nov/2010, 15:46

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

*chavp* Moderador
#6•19/Nov/2010, 15:53 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 2011, año internacional de los Bosques Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero

Machacateclados

#7•20/Nov/2010, 01:35

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

chavp

Moderador

#8•20/Nov/2010, 18:40

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero Machacateclados
#9•20/Nov/2010, 23:18 que pongo en ruta del archivo css -.-

*chavp* Moderador
#10•20/Nov/2010, 23:27 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 2011, año internacional de los Bosques Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero Machacateclados
#11•22/Nov/2010, 06:03 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?

chavp

Moderador

#12•22/Nov/2010, 15:16•Editado por chavp

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero

Machacateclados

#13•23/Nov/2010, 05:05•Editado por GM-Dero

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

chavp

Moderador

#14•23/Nov/2010, 14:42

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero

Machacateclados

#15•23/Nov/2010, 16:37

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?

chavp

Moderador

#16•23/Nov/2010, 16:42

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero

Machacateclados

#17•23/Nov/2010, 17:01•Editado por GM-Dero

Escrito originalmente por chavp

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

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)

chavp

Moderador

#18•23/Nov/2010, 17:57

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GM-Dero

Machacateclados

#19•23/Nov/2010, 19:09

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

100x100net @man / @woman
#20•23/Nov/2010, 19:31 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.

chavp

Moderador

#21•23/Nov/2010, 19:32

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

2011, año internacional de los Bosques

Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

GestionXls @man / @woman
#22•23/Nov/2010, 21:51 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.

Sirquini

Come y duerme en el foro

#23•24/Nov/2010, 23:27

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).

Anterior Siguiente Arriba

Responder

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

Inicio

Servicio Foros

Comunidades de foros

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Tema	Usuarios	Respuestas	Visitas	Actividad
Temas similares
¿Con el menu desplegable de iconos, se pueden añadir mas? Por: Vargas_El_Canastero, el 21/Ago/2006, 15:29		5	2k	Aug/06