272

Menú con sub-menus


Podéis verlo funcionando en mi blog de pruebas de menús, bajo el nombre de "MENU DOS (ROBS).

[1] Añadimos el código CSS necesario desde "Edición HTML" en nuestro panel sin expandir la plantilla de artilugios, justo antes de ]]></b:skin>:
/* MENU DOS (Robs)
----------------------------------------------- */

#subnavbar {
background: #64343C;
width: 873px;
height: 27px;
font-weight:bold;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS";
}

#subnav {
margin: 0px;
padding: 0px;
}

#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#subnav li {
list-style: none;
margin: 0px;
padding: 0px;
}

#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFFF;
display: block;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #FFFFFF;
}

#subnav li a:hover, #subnav li a:active {
background: #999999;
color: #000000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #64343C;
width: 120px;
heigth: 20px
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #FFFFFF;

border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#subnav li li a:hover, #subnav li li a:active {
background: #999999;
margin: 0px;
padding: 5px 10px 5px 10px;
}

#subnav li {
float: left;
padding: 0px;
}

#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}

#subnav li li {
}

#subnav li ul a {
width: 140px;
}

#subnav li ul a:hover, #subnav li ul a:active {
}

#subnav li ul ul {
margin: -25px 0 0 161px;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left: auto;
}

#subnav li:hover, #subnav li.sfhover {
position: static;
}

Es en este código donde podemos hacer los cambios para escoger otro color diferente para el menú por ejemplo, cambiando los códigos de color en "background".

Lo principal a tener en cuenta es la anchura del menú, que está establecida en 873px en esta parte del código (señalado en negrita):
#subnavbar {
background: #64343C;
width: 873px;
height: 27px;
font-weight:bold;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS";
}

Ahí tendréis que cambiar ese valor (873px) por el que mejor se adapte al sitio donde irá colocado. Si vais a ponerlo debajo de la cabecera, lo más adecuado será que tenga el mismo ancho que esta por ejemplo.
También podéis sustituir el valor en pixeles por un porcentaje, así si ponéis "width: 100%" el menú ocupará el ancho total disponible del sitio donde esté colocado.

[2] Colocamos ahora el código necesario para armar nuestro menú en un gadget HTML que arrastraremos luego a donde vayamos a mostrar el menú:
<div id="subnavbar">
<ul id="subnav">

<li><a href="URL DEL BLOG" title="Inicio">INICIO</a>
</li>
<li><a href="" title="">PESTAÑA1</a>
<ul>
<li><a href="" title="">SUB-PESTAÑA1</a>
</li>
<li><a href="" title="">SUB-PESTAÑA1</a>
</li>
<li><a href="" title="">SUB-PESTAÑA1</a>
</li>
</ul>
</li>
<li><a href="mailto:" title="Enviame un email">CONTACTO</a>
</li>
<li><a href="" title="">PESTAÑA2</a>
<ul>
<li><a href="" title="">SUB-PESTAÑA2</a>
</li>
<li><a href="" title="">SUB-PESTAÑA2</a>
</li>
<li><a href="" title="">SUB-PESTAÑA2</a>
</li>
</ul>
</li>
<li><a href="" title="">PESTAÑA3</a>
<ul>
<li><a href="" title="">SUB-PESTAÑA3</a>
</li>
<li><a href="" title="">SUB-PESTAÑA3</a>
</li>
</ul>
</li>
<li><a href="" title="">PESTAÑA4</a>
<ul>
<li><a href="" title="">SUB-PESTAÑA4</a>
</li>
<li><a href="" title="">SUB-PESTAÑA4</a>
</li>
</ul>
</li>
<li><a href="" title="">PESTAÑA5</a>

<ul>
<li><a href="" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="" title="">SUB-PESTAÑA5</a>
</li>
</ul>

</li></ul></div>

Es en este código donde tenemos que colocar los enlaces y el texto que aparecerá en cada pestaña del menú y de los sub-menús.

Donde dice a herf= se coloca cada enlace entre las comillas.
Entre las comillas de title= colocamos el texto explicativo que se verá al pasar el puntero sobre el enlace.
En PESTAÑA1, PESTAÑA2, etc. colocamos el texto que se verá en cada pestaña del menú y en SUB-PESTAÑA1, SUB-PESTAÑA2, etc. el texto que se verá en cada sub-menú.


Para añadir más pestañas y subpestañas al menú, fijaros muy bien en como está construido el código:

El contenido de las pestañas que no van a incluir subpestañas, va incluido entre <li> y </li>

<li><a href="URL DEL BLOG" title="Inicio">INICIO</a></li>

El contenido de la pestaña que incluirá subpestañas irá incluido entre <li> y <ul> a continuación estarán las subpestañas (cada una incluida entre <li> y </li>) y para cerrar terminaremos con </ul> </li>


<li><a href="" title="">PESTAÑA3</a><ul>
<li><a href="" title="">SUB-PESTAÑA3</a></li>
<li><a href="" title="">SUB-PESTAÑA3</a></li>
</ul>
</li>

Entradas Relacionadas:

272 comentarios:

«El más antiguo   ‹Más antiguo   Total comentarios: 1 – 200 de 272   Más reciente›   El más reciente»
Gabriel Scarred

Hola. gracias x la ayuda, talvez utilize este menu.
Mira te kiero hacer una consulta
xq sabes, en muchos blogs he visto que en las etiquetas de entradas les ponen iconos justamente al lado de cada etiketa..
sabes hacer eso? espero q me puedas ayudar
o por cualkier cosa visita mi blog y comentame
desde ya, muchas gracias :D

Unknown

Buenas ROSA ante todo felicitarte por la publicacion..
tengo una consulta soy nuevo con los menus y es que cuando creo las entradas y los publico sale en el cuadro pricilpal.. lo que quiero es que se vaya a unos de los menus para poder ingresar desde ahi...
te paso mi blog para que lo puedas ver http://llupix.blogspot.com/... desde ya, gracias por todo.

La gata en el tejado

Hola Rosa!!!
Perdona que te moleste preo tengo un problema. He añadido el gadget enlaces de suscripción en el blog pero no se que pasa que donde aparece todos los comentarios se sale de la pantalla. Estoy que hecho humo hoy porque he intentado meter algunas cosillas y no hay manera!!!No se que pasa pero los gadgets no me salen como debieran. El resto los borre porque me explotó la cabeza pero me gustaría poder dejar el de suscripción porque me lo han pedido. A ver si puedes hecharme una mano pleaseee!!!
muchas gracias
Ah por cierto el blog es
http://eli-gataeneltejado.blogspot.com/

Die

Querida rosa, Buenos dias =).
tengo un pequeño problema con mi menubar.
no puedo sentrarla, y otra cosa es qe me gustaria scarle las fotitos que tiene alado del texto, por como podra ver ell formato de la menubar es el mismo qe hiciste vos hace un tiempo en tu blog,
bueno desde ya muchas gracias.
un gran saludo =)

Unknown

Hola Rosa, visitando el blog de pruebas de menu he visto el modelo MENU TRES-TOP que me interesa. He buscado aqui pero no lo he visto, me pasas tu el enlaze a donde esta publicado?

Otra cosita:
Me gustaria el codigo del buscador tal como tu le tienes, sencillo, de una sola tiene y con el botón de buscar.

Cuando puedas me dices vale?

Besossssss

Anónimo

GABOMANSON, tal vez sea esto lo que dices...

http://elescaparatederosa.blogspot.com/2007/10/etiquetas-con-icono.html

Unknown

Rosa, veo que es script de emoticones no funciona bien.

Anónimo

TRECARUNGA todo lo que está en la parte de los comentarios ha dejado de ir bien...esperemos con paciencia ¡que remedio! :(

Anónimo

OMAR , todas las entradas que se publican en el blog aparecen en la sección principal (entradas)

Una vez instalado el menú, somos nosotros de forma manual quienes tenemos que enlazar la entrada que queramos o la etiqueta con la pestaña que nos interesa del menú.
Colocando la dirección (url) de esa entrada en el <a href= del menú.

Anónimo

La gata en el tejado , supongo que te refieres a que donde dice "Todos los comentarios" se sale de la imagen...
Eso es así, y es un problema del mismo gadget de Blogger al que nosotros no tenemos acceso, fíjate en los blogs que lo tienen añadido, en todos pasa eso.
Lo que podrías hacer es añadir un icono RSS como tengo yo con un enlace a tu feed.

Anónimo

Die , supongo que lo has arreglado porque veo el menú más o menos centrado y sin imágenes.

Anónimo

MALINA, no lo he publicado aún.
Sin problemas puedes enviar un email y te paso el código y alguna orientación al respecto si es necesario.

Unknown

Habia modificado el widget de seguidores hace poco y blogger me lo cambia...

Anónimo

TRECARUNGA, por una "cosa" fea, fea, y que ni siquiera funciona bien...

Unknown

Hola Rosa, parece que se me borro el comentario mmm
Bueno, ahi te va una pregunta.. puedo poner imagenes de fondo? es decir, en lugar de colores, imagenes...
Si se puede, pues dime como, porq no me sale siempre, lo intento y en algunos sitios sale y en otros no...

Eso, nada mas.. aaahhh!! y muy bueno este menu!!!

Saluditos!!!

Anónimo

Lalita635, ¿te refieres a poner imágenes de fondo en el menú? Si es así, se podría en los background añadir la url de las imágenes si, otra cosa sería si habría que hacer alguna modificación más dependiendo de las imágenes a usar, pero en principio se podría.

Unknown

Sip!! de eso hablo... mmm pero no he podido hacerlo...

lo q hago es poner
background: url(LA_URL_DE_LA_IMAGEN) repeat;

Asi.. creo qesta bien no??

Gracias por responder!!!

sistemas0711

Holas, me funcionó muy bien :) ....pero ... :( ..solo me funciona para internet exploirer ..mas no para firefox y google chrone..cúal es el problema o tengo que acptar que no es compatible con estos dos navegadores ???

*ADMINISTRADOR*

holaaaaaa rosa muchas gracias por tu grandes aportes, y ayudas.

te quiero pedir un favor bueno es que trate de buscar en tu blog y no encuntro, es que verdad no se como buscarlo realmente, porque nombre buscarlo es que quiero saber como se hace eso que tu tienes en tu blog en archivos de blog esa barrita que se mueve y que se mueve para disminuir el espacio

Unknown

qué bonito Rosi, simple, bello...buen fin de semana:P

Salegna

Buenos días,
Fantastica entrada porque quiero poner uno pero me gustaría en al sidebar.
Yo como siempre quería pedirte algo, es posible en una imagen poner un enlace pero que se me abra en otra ventana, me gustaría en una foto direccionar a una pagina web pero en otra ventana.
Se que siempre que entro es para pedirte algo pero es que he probado y no se como hacerlo.
Besos y gracias

RANCHO VIRTUAL

hola Rosa..lo que te voy a pedir a continuacion no quiero que te arruine la vida,asi que si no tienes tiempo no lo hagas...simplemmente hazlo en caso de que estes muy muy aburrida :D..mi pedido es saber si puedes hacer un menu acordeon con un efecto que paresca 3d o algo parecido ...desde ya muchas gracias

Anónimo

Lalita635 En principio así estaría bien... ¿Tienes el menú con los cambios que le has hecho en un blog online para poder verlo?

Unknown

Sip el que dice pruebasssss, (aun lo estoy arreglando, solo puse algunos nombres, pero no estan los enlaces)

Aqui te dejo el enlace: blog

Gracias Rosa, eres la mejor!!!

Anónimo

sistemas0711 Si miras mi blog de pruebas con IE7 y Google Chrome notarás que si funciona...

Anónimo

BanakaBanaka!! en cuanto pueda me paso a ver...aunque ya he "fisgado" en el código fuente, así que más o menos creo que lo tengo controlado ;)

Anónimo

Kris Mira en esta entrada y si te surge algún problema, revisa sus comentarios:
http://elescaparatederosa.blogspot.com/2007/10/scrollbars-en-cualquier-parte-del-blog.html

Un Perro

y vio la luz el menú !!
Es mucho mas fácil de lo que pensaba.
Un besote enorme Rosa, el verano me tiene a buen traer por mis tierras.
Espero que estes muy bien. :):D

El que sabe, sabe, y el que no ... Debe pasar por el Escaparate

Anónimo

Graciela ¡Gracias cielo! Voy a hacerte una visita que ya te debo muchas:$

Anónimo

Salegna Esto es un blog de ayuda, así que es normal que entres cuando la necesitas ¡no problem!

Mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/09/hacer-que-una-imagen-funcione-como-link.html

Anónimo

RANCHO VIRTUAL Por suerte no tengo tiempo para aburrirme, je,je. Me ayudaría que me muestres un ejemplo del menú que quieres, sería una tontería perder tiempo explicando uno que no vaya a ser de tu agrado, ya que eres tu quien lo solicita.

Anónimo

Lalita635 Donde exactamente quieres colocar las imágenes, porque el menú principal ya lleva una imagen (esa que parpadea) de fondo...¿o estoy confundida?:o

Unknown

Sip esa es la q anduvo la de fondo...
Pero queria poner otra imagen en los submenus.. pero no me sale :(

si no se puerde, no importa, de todas maneras asi me gusta como quedo...

GRACIAS!!!! Y ya sabes.. te debo la estatua jiji

Anónimo

Un perro Aquí estamos con un fríoooo. ¡Que suerte la tuya! Disfrútalo;)

Anónimo

Lalita635 Prueba añadiendo aquí:
#subnav li {
list-style: none;
margin: 0px;
padding: 0px;
}
Una línea con el background a ver que pasa..

Unknown

No.. no he podido hacer que salga la imagen intente con la misma.. y de distintas maneras, pero no se pudo...

Helena

Hola Rosa, felicidades por el blog: es ordenado, claro y utilisimo, me encanta y es "mi salvacion" jaja.

He puesto este menú, y me gustaria que me ayudases en 2 cosas si puedes: una es centrarlo ; y la otra es quitar el icono que aparece en cada pestaña del menu (la crucecita, es la viñeta que trae mi plantilla).

Y sobre el widget "ultimos comentarios" (perdona que pregunte por un tema que no tiene nada que ver ahora)...como puedo quitar el "comenta"??

Gracias por adelantado, y perdona por dar la lata.

Saludos!!y Gracias por cada entrada que haces, porque son magnificas!!

Unknown

Ahora funcionan los emoticones en tu blog...;P
Pero en el mio no :S

Salegna

Gracias por tu ayuda, probare lo del link que me has dado.
Otra cosa, mira me ocurre algunas veces y siempre a estas horas, si entro en mi blog no tengo las entradas, solo la cabecera y la sidebar.
¿Por que me ocurre esto?, ¿es de mi blog o de blogger?
Me llevo cada susto que no te cuento.
Besos y gracias de nuevo

Anónimo

Helena En primer lugar decirte que tienes un error en la plantilla, justo antes de CSS del menú aquí:
}}/* MENU DOS (Robs)
----------------------------------------*/
Si te fijas hay dos llaves }} que se supone son de la línea anterior, la nube de etiquetas, una de ellas sobra y la otra debería estar justo después del !important que está en la línea anterior.

Por otro lado si le quitásemos la crucecita a los enlaces del menú, también desparecerá del resto de la zona del main (los enlaces que hay debajo de tus entradas).

La verdad que no se porqué quieres aplicar este tipo de menú en esa plantilla, según mi opinión, no le pega demasiado...en cambio, tienes sobre esa zona una sección para incluir una lista de enlaces en forma de menú "To-menú" que quedaría precioso en ese diseño... solo es mi opinión claro, pero un menú despegable es para un blog más técnico...
Prueba a incluir en esa sección que te digo un enlace a "Inicio" por ejemplo, si no lo has hecho antes, quizás te sorprenda el diseño de ese menú.

En cuanto a lo de "últimos comentarios" tendrías que descargarse el script a tu PC para modificarlo y subirlo después a tu propio servidor para enlazarlo de nuevo en el gadget.

Anónimo

TRECARUNGA Van y vienen, je,je.

Anónimo

Salegna Los mismos sustos que me llevo yo...hace días que viene pasando, desde que Blogger ha incluido el gadget de seguidores nuevo que lo vengo notando.

Anónimo

Lalita635 Tal vez sea el mismo menú que en las sub-pestañas no la toma...ando muy mal de tiempo cielo y ahora mismo me es imposible mirarlo...intentaré guardar una nota sobre esto para mirarlo más adelante...

Christian

Hola, Rosa.

Quería decirte que te envié un e-mail a la dirección de contacto que tienes arriba.

Te lo mandé en correo para no soltar aqui el ladrillo y te pongo el comentario porque alguna vez recuerdo que me dijiste que no solías consultar mucho esa cuenta de e-mail. ;-)

Muchas gracias!

Salegna

Gracias Rosa, es que al no ver el blog pensaba que era que tenia algo mal en la plantilla y eso que no habia modificado nada.
Lo raro es que si pruebo otros blogs si funcionan, sólo veo que me faltan las entradas en el mio y claro el susto es monumental.
Si es de blogger esperemos lo solucionen o no ganaremos para tilas.
Besos

Anónimo

Christian OK. Pero creo que entendiste mal cuando dije que no la consultaba, de hecho es la que uso para el blog. Lo que querría decir seguramente, es que no agrego a nadie a esa cuenta porque no la uso para chateo, solo como lector de correos;)

Unknown

Sip.. eso pense.. luego de tanto lio, no te apures.. asi como esta me gusta..

Gracias por tu dedicacion!!!
Saluditos!!!

Helena

Rosa, Gracias por corregirme el error y por el consejo. Al final, te he hecho caso y he usado el top menu que trae mi plantilla (ni habia reparado en él, casi me estorbaba, jaja, que tonta) y la verdad es que ha quedado muy bonito, 1000 gracias. Ya me diras que te parece :)

Otra cosilla que queria preguntarte (ya me estoy pasando), cuando pincho en el titulo de las entradas, abajo aparecen los comentarios incrustados, pero no sale la imagen del perfil de los que comentan. Sabes por que puede ser y como podria arreglarlo?

Muchas gracias y perdona por dar la lata con una cosa que no es el tema.

Anónimo

Helena De verdad que no te lo dije por decir ni por ahorrarme trabajo... sinceramente así lo pensaba y ahora que he visto el menú en tu blog, me ratifico, queda precioso con esas puntadas de colores. Era una pena no "explotar" un menú con un diseño tan fantástico.:D

En cuanto a lo de los comentarios, hay un script añadido en la plantilla que es el que hace ese trabajo y por si acaso, he ido a la web del autor de la plantilla y así es, o sea, que se supone que deberían de aparecer las imágenes sin hacer nada más.

He de suponer entonces que no se ven por un error en esa zona que Blogger está presentando estos días. Por ejemplo un truco que yo explicaba para hacer algo parecido ha dejado de funcionar en algunos blogs y otro que Gem@ explica en su blog también, de hecho es el que ella usa y sus imágenes salen todas repetidas a veces y otras no se ven...esperemos unos días a ver si se estabiliza Blogger, algo ha ido mal cuando han hecho cambios para el nuevo gadget de seguidores.

fonsado

En algunas de las entradas, me resulta imposible cambiar el tipo de letra, por ejemplo de Times a Georgia, cambia pero al final no lo recoge.

También desde hace unas semanas, al intentar publicar una entrada se produce el código de error siguiente:

Su HTML no es aceptable: Tag is not allowed: meta equiv="Content-Type" content="text/html; charset=utf-8"

Para publicar la entrada, debo señalar que "quiero publicar con errores". ¿Conoces la causa y la manera de solucionarlo?

Gracias anticipadas Rosa. fonsado.blogspot.com

Christopher

Rosa una curiosidad, ya son varias veces donde abro mi blog y mientras esta cargando se abre una ventana con la web de mercado libre, yo no he enlace nunca a mercado libre ¿Por que sucede esto? no me agrada que suceda, habras por curiosidad por que sucede.

Anónimo

fonsado En edición html, donde se ve todo el código de tu plantilla, el comienzo del código ha de estar así:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Comprueba eso.

Anónimo

Christopher Esa publi sale de alguno de los contadores gratuitos que has colocado en el blog. Todos ellos la tienen, suele pasar que están preparados para mostrarla después de un tiempo instalado en el blog y así despistar al usuario para que no sepa de donde viene exactamente...

Christopher

Sobre ese script para el deslizamiento que usas me imagino que te refieres como esta publicado en Gema y Vaganbundia pero el problema radica para mi, en que no les entiendo casi nada jejeje por eso visito mucho tu blog. Me imagino que no haz posteado sobre el tema por que es complejo y tedioso tal vez.

Anónimo

Christopher Exacto! Ese mismo. Pues no es difícil de entender...todo es ponerse a ello:D

ETS1373

hola rosa, estoy intentando hacer estos menus desplegables , y no me salgo, me quedan en vertical, haber si me puedes ayudar, gracias

http://elportitxol.blogspot.com/

Anónimo

ROCAMURA Sigue los pasos de la entrada sin cambiar nada, para que el menú salga tal como el de mi ejemplo, después ya tendrás tiempo a modificarlo. Te lo digo porque a veces ese es el problema, que te confundes en algo y luego no sale. Mejor lo instalas tal cual está antes de nada.

ETS1373

buenas rosa, lo he instalado como tu has puesto en el paso 1 y 2.
si quieres te paso las contraseñas y te lo miras, mi correo es enrictauler@telefonica,net

ETS1373

AL FNAL TODO SOLUCIONADO.ES PERFECTO

www.elportitxol.blogspot.com

AHORA A CONTINUAR TRABAJNADO

ESTAMOS EN CONTACTO, Y GRACIAS POR TODO

Anónimo

ETS1373 ¿Eres la misma persona que ROCAMURA? :O

ETS1373

si rosa soy la misma persona, simplamente cambie el nombre

Jaime Forero

oye eres bueno me va a ayudar en mi blog de ciudades del mundo pasate por mi blog eres un genio quien lo dice mira 66 comentarios y yo solo 2 creo que la gente de ahora ya solo quiere c estar computalezados y no le prestan atencion a la geografia gracias de todas maneras

David Araya

Rosa, te amo :$ elimine mi antiguo blog por la histeria que me produjo no lograr este efecto, pero ahora que lo explicas reiniciare mi vida de blogero, hay q lindo que me va a quedar :)

Anónimo

David Araya Uy no desesperes por tan poca cosa hombre...si necesitas ayuda adicional me envías un email ;)

RANCHO VIRTUAL

Rosa te pido mil perdones por las molestias..pero ahora encontre uno en vagabundia que no lo habia visto antes..perdon pero no te voy a dar trabajo y tendras un poco mas de tiempo para aburrirte:D jajja

Asun

Hola Rosa.
La entrada, como siempre, una maravilla. La he probado y la he conseguido colocar sin problema en mi blog. De momento sólo tiene dos pestañas, una sin subpestañas y la otra con cinco. La cosa es que cuando abro el blog con Mozilla se ve sin problemas, pero cuando lo abro con IE7 las subpestañas se quedan escondidas detrás de la entrada. No se si esto puede tener solución o simplemente me tengo que resignar a que con el IE7 no se vea en condiciones.

Muchas gracias por tu inestimable ayuda.

Anónimo

Asun Pues además de en mis pruebas, el menú lo he visto funcionando sin problemas en algún blog desde IE7...
De todos modos, tienes algún error ya que en Firefox le sale una rallita entre las pestañas que no debería estar ahí...

Asun

Aaaagggggggggg!!!!!!!!!
Acabo de dejarte un mensaje y no se por que razón no aparece :S
Intentaré acordarme de todo.

Te decía que de esta voy a salir toda una experta en HTML :D
Revisando el tema de la rayas que me decías, y después de volverme majareta, he llegado a la conclusión de que era porque como de momento no iba a poner todas las pestañas las había eliminado del código, pero viendo que al colocar todas se ve correctamente he decidido ponerlas todas, algunas de ellas "en construcción"

Lo que no se soluciona es el tema del IE7, siguen viéndose las subpestañas escondidas detrás de la entrada. Ya he visto que en tus pruebas se ve bien con el IE7, y también he encontrado otro blog donde tampoco da problemas, así que estoy pensando que tal vez sea cosa de la plantilla, que a lo mejor está pensada para Firefox y hay cosas que con el IE7 no funcionan bien. Ya tuve un problema con el favicon (no se si recuerdas que te mandé un mail), que con el Firefox se veía y con el IE7 no, sin embargo el tuyo si que lo veo con el IE7, es por eso que pienso que tal vez es cosa de la plantilla.

Muchas gracias por todo.

MARIA Danza Oriental

Hola!!!
Me encantan estos sub-menus pero no consigo que me funcione bien. Tambien decir que NO soy una crack en html... mi blog ya tiene pestañas y me encantaria poder ordenarlo mejor con los sub-menus pero al hacerlo solo me deja añadir un post por sub-menus. No se si estoy siendo clara, y lo que quisiera es poder añadir diversos post por sub-menus. Este es mi blog: http://mariamasnou.blogspot.com
Quizas lo que quiero no se puede¿?
Mil gracias por todo. ¡ a ver si lo consigo con tu ayuda!

Anónimo

MARIA Eso depende del tipo de menú que estés usando...
En el que usas tu, de pestañas por etiquetas, no puede hacerse :(

MARIA Danza Oriental

Hola!!!
Entonces ¿que tengo que hacer? ¿Le quito el codigo html a la plantilla de las pestañas y ya me funcionaria con el ejemplo que has dado tu? o ¿seria mejor otro menu? ¿cual?
Lo que quiero es que cada pestaña tenga sub-menus y estos sub-menus diversos post.
Es que no se como hacerlo...:$

Muchas gracias, a ver si lo consigo...

Anónimo

MARIA Tendrás que deshacer los pasos que has colocado para tus pestañas, y una vez todo como antes de tenerlas, colocar este por ejemplo.

jose

hola he visto el comentario de malina sobre el menu tres-top a mi tambien me interesa si me puede pasar como ponerlo te lo agradeceria

mi correo es joseaceved@gmail.com

jose

es joseaceved@gmail.com se me olvido dejar el enlace http://clubcesarparedes.blogspot.com


vhao

Anónimo

Jose Podrías enviarme tu a mi el email con la petición...tengo algún problema con el envío directo de emails.

Julián Stagno

Hola Rosa!!!
Ando con un inconveniente:
Seguí al pie de la letra todas las indicaciones de este post, pero me ocurre que luego de hacer todos los pasos, las palabras que puse en el blog reemplazando a pestaña 1, pestaña 2, etc etc, estan todas subrayadas y no encuentro forma de sacarles el subrayados, sí pude cambiarle la letra, el tamaño y todo, pero no sacarle el subrayado
Te agradezco tu ayuda

http://arribaelciclon.blogspot.com/

Anónimo

Julián Coloca esto en el CSS de tu plantilla:
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration:none;}

Julián Stagno

Mil gracias Rosa!!!!

Ya esta solucionado!!!

CEIP NTRA_SRA DE LOS DOLORES

Rosa, pregunta tonta:
cómo puedo hacer el menú de forma que enlace con todas las entradas que tiene que ver con ese menú concreto?
Te vuelvo a felicitar por tu blog y tu trabajo.
ESpero tu respuesta.
Mi dirección:
http://colealomartes.blogspot.com

Anónimo

CEIP Para hacer eso antes tienes que colocar en el enlace de la pestaña que sea la url de la etiqueta que quieras, así al pinchar ahí saldrán todos los post con esa etiqueta.

La url de una etiqueta es la que sale en el navegador cuando pinchas sobre ella.

Calímaco

Hola Rosa.
Estoy preparando un blog nuevo a partir de la plantilla básica de Blogger y siguiendo tus consejos (que no sabes bien cuánto se agradecen, dicho sea de paso).
Este menú encaja bastante bien con lo que necesito y ya he conseguido cambiarle el aspecto e incluso colocar un cuadro de búsqueda dentro de una de las pestañas! El problema es que no puedo centrarlo.
He intentado jugar con el padding, he probado con un margin-left, y bueno, de esa forma se ve perfecto en mi portátil (a 1280 de resolución) pero a 1024 se me descentra.
¿Cómo puedo hacer para que se vea siempre centrado?
Gracias, y un saludo.

Anónimo

Calímaco 1024 es mi resolución y yo lo veo "casi" perfecto. Unos pixeles hacia la derecha...supongo que ha de ser el padding que quizá le has puesto de más.

Calímaco

Bueno, yo a 1024 lo veo mucho más a la derecha. Supongo que será por el navegador. Intentaré arreglarlo con el padding entonces.
Gracias por tomarte la molestia, Rosa, seguiré fisgando por aquí y aprendiendo.
Un saludo

pepa mas gisbert

He hecho un menú como indicas y me ha salido bien porque lo he colocado en un blog que tengo de pruebas. Pero en mi blog, que es una plantilla que bajé aunque luego lo he retocado un montón, no me queda bien por el espacio entre el banner y el resto. ¿Como puedo modificar eso?. Lo estoy intentando haciendo varias pruebas pero no lo consigo.

Gracias

pepa mas gisbert

Solucionado. He cambiado un auto por px y ya esta.

Gracias de todas formas. Ahora cambio colores y demás.

Un Perro

Hola Rosa !!
Bueno dejo una consulta, para cuando tengas tiempo.
me gustaría centrar el menú en el blog, pues lo que consigo es que me quede con un "pedazo" de menú, totalmente inútil, te dejo una captura de pantalla para que me entiendas, donde marque hasta donde va el menú en si y lo que sobra, que por lo que veo no me permite centrarlo como quisiera.
Captura del problema
mientras tanto sigo jugando con el css a ver si lo puedo solucionar con ensayo y error ( te aviso)
Un beso Enorme !!

Anónimo

Un perro Inventate algún enlace para rellenar, aumenta un poco más la distancia entre enlaces, aumenta el tipo de letra...lo que sea menos intentar centrarlo...ufff es tarea casi demencial en IE.

Un Perro

Hola Rosa !!
Jugueteando un poco, lo solucione, como se dice por aquí "emparchamos para disimular", le agregué un padding:left y otro right y empeze a ""cinchar" de uno y de otro, hasta que logro centrarse.
La didáctica que plantea el Css es impagable.
Que me vienen con el PacMan y el Arkanoid... ponte a modificar una plantilla y de seguro vas a estar mas divertido
:D

Un beso Enorme Rosa :)

El que sabe, sabe, y el que no ... debe pasar por el Escaparate

Anónimo

Un perro Dímelo a mi...antes era campeona de algunos juegos online, je,je y desde que descubrí Blogger no he vuelto a jugar a nada más :D

Anónimo

Muy útil, veré si podre hacerlo en un blog de prueba para luego hacerlo en el mio. Gracias

Anibal

Hola Rosa, disculpa tanto lío, solo tengo una pregunta:

¿Cómo puedo hacer para quitar el enlace en la pestaña principal? Es decir, mi interés es que solo las sub-pestañas tengan link, entonces no he puesto link en la pestaña principal, sin embargo, cuando das clic ahí te manda al url principal del blog, he intentado también quitar donde dice lo del href, pero pasa que de esa manera ya no funciona el menú......

Te puedes dar una idea de lo que te digo en el blog: Actualidadrealmadrid.blogspot.com

Siempre gracias y me paso por acá para ver cuando me contestas y enhorabuena por tu blog. :):)

Rosa

Anibal Si, entiendo. Normalmente cuando se hace algo parecido a eso que quieres, el menú principal (el que está a la vista) suele estar compuesto por imágenes.

Prueba quitando el a href, por ejemplo en esta pestaña:
<a href="" title suscribe>Suscribe RSS/FEED</a>

Dejarlo así Suscribe RSS/FEED
Pero entonces tienes que hacerlo en todas las principales porque sino perderan el diseño...

No obstante, no es sencillo hacer cambios de este tipo en un menu de estos...casi te aseguraría que cualquier cambio afectará a su visionado en algún navegador...

Mejor buscar uno que se adapte a lo que necesitas y que ya esté diseñado.

Miguel Mora

Hola Rosa.

Genial como siempre. Lo he instalado sin problemas.

Una cosa a ver si se puede: ¿puedo aumentar el ancho de los submenús??

Un saludo.

www.lago-tanganyika.blogspot.com

Anónimo

Miguel Como vengo diciendo en los comentarios, mejor no modificar las medidas y demás del menú (solo el color) si no se está muy seguro de lo que se hace...en IE dará problemas casi seguro.:S

Miguel Mora

Gracias Rosa. Trasteando el código modifiqué el tamaño antes de que contestases, de momento sin problemas.

Rizando más el rizo, ¿se puede poner otro nivel de submenús??.

Saludos.

Anónimo

Miguel Pues me alegro, pero ve controlando en IE, ya te digo que es delicado sin añadir códigos especificos para IE en el menú...Si pueden añadirse más, sigue las indicaciones que doy al final de la entrada para comprender la secuencia de los enlaces...no creo que te sea difícil.

Miguel Mora

Gracias Rosa, lo he conseguido.

Un placer.

Unknown

Gracias Rosita muy buen aporte =D muchas gracias =D aprecio tu trabajo =D

rafaourense

Hola, como casi cada día es obligado pasar por El Escaparate.
Hoy me llevo tu menú y solo puedo pagarte con un muchas gracias, Rosa

Anónimo

Rafa Gracias a ti, yo lo hago encantada. :D

rafaourense

Buenaaas, hasta ahora me preguntaba que era la etiqueta 104 en este caso, ya veo que son nuestros comentarios. No sé de donde sacas el tiempo, aunque suene El Galeón toda la noche.
Quería preguntarte cuantas entradas desplegables podemos poner como máximo en el menú (Menú con sub-menús), perdona si no me explico bien.
He tenido que recortar un poco el menú, no tengo casi nada hecho y me sobraban muchos apartados. Soy novatísimo y se me hace un poco complicado, aunque reconozco que es el momento de instalarla ahora, luego debe llevar bastante trabajo si tienes un blog grande.
¿Se podría meter el menú en el encabezado? Por aquello del espacio.
Y ¿cómo voy a hacer algo nuevo en mi blog?, si cada vez que paso por tu casa me quedo pillado.
Gracias siempre, un amigo Rafa el filloa

Anónimo

Rafa Si, son los comentarios, je,je, aunque muchos de ellos no son relevantes.

Fíjate en la parte última de la entrada, donde dice "Para añadir más pestañas y subpestañas al menú, fijaros muy bien en como está construido el código:" ...es que mejor que viéndolo no puede entenderse, o al menos yo no soy capaz de explicarlo mejor. :(

Lo de meterlo en el header, supongo que te refieres a añadir otro gadget debajo de la cabecera por ejemplo...echa un ojo a esto a ver...
http://elescaparatederosa.blogspot.com/2008/05/elementos-adicionales-en-diseo-de-la.html

A, por cierto, es que ese que oyes en el Galeón es mi marido :$ mientras trabajo en el blog le escucho, je,je, se me hace más ameno XD

Marvin Rivas

Hola, rosa mira mi pregunta esla siguiente, ya intale este codigo pra el menu, pero mi problema es que cuando doy click en el menu y tengo un video abajo del menu, porque los submenu sa muestran por atras del video, dime como puedo arreglar esto

Anónimo

El-DiGiTaL Supongo que es la etiqueta embed que usa el vídeo...lo siento, pero no creo que sea cosa del menú, sino del vídeo y no se como podría solucionarse :(

Fede

Hola Rosa, en mi plantilla ya viene una opción si no es igual es muy parecida a esta, solo que pude agregar la pestaña por ej "Banners" pero no se como agregarle la pagina para que cuando hagan click en "Banners" habra otra pestaña en la que se vean solo los banners amigos de mi blog, me explico? Lo estoy haciendo en mi blog de Pruebas, gracias Rosa!

Anónimo

como puedo modificar el color granate de las sub-pestañas?

Anónimo

Fede Te había contestado antes, pero luego me di cuenta que no te había entendido bien...
Tu hablas de hacer algo como tengo yo por ejemplo en "Imprescindibles" arriba en el menú ¿no es así?

Pues eso es sencillamente una entrada normal del blog, o sea, haces un post, incluyes ahí los banners y en el menú en el href=" colocas la url de esa entrada (la que se ve en el navegador al pinchar sobre su título).

Para que la entrada no salga entre las últimas publicadas, puedes editarla y cambiar su fecha a una más antigua (incluso de antes de comenzar el blog) eso se hace en el enlace de "opciones de entrada" que hay debajo del editor (donde las escribes).

Rosa

Mario gutierrez Como ya digo en la entrada, en el código del paso [1] el CSS.

Fede

Rosa quedó excelente! muchas gracias de nuevo!!

Anónimo

Fede Gracias a ti! ;)

Anónimo

Hola Rosa, con esta barra tengo un problema. Este es el siguiente... la barra solo se muestra con el mozila firefox y con el explorer por ejemplo no, sale una cosa rara que ni siquiera deja acceder a las secciones.
¿Me podrías decir porque ocurre esto y como lo puedo solucionar?

Gracias

Anónimo

Mario Si lo has colocado tal cual lo explico, funciona en ambos pues yo misma lo he probado.
Eso si, si estás hablando del innombrable IE6, entonces ya no me digas más...y si es así, actualiza el navegador y listo.
Para IE6 ya ha pasado su tiempo...

Jesus Forte Mora

Me gustaria saber una vez puesta esta opción de menús con sub-menús si puedo enlazar las etiquetas de mi Blog y como. Otra pregunta es como podría al pinchar en los sub-menús me saliera todo lo de este en una pagina independiente como en tu menú con todo lo que se refiere a ese punto, ejemplo pinchando en tu blog en la opción del menú en "menús" me salen todas las opciones con un encabezamiento y pincho en el y sale la información, ¿Como se hace eso?. Muchas gracias

Anónimo

Jesus Forte Para enlazar una etiqueta desde el menú tienes que colocar la url de dicha etiqueta...¿qué cual es la url de una etiqueta?...pincha sobre la etiqueta que te interesa y la url que se muestra en el navegador es la url de esa etiqueta concreta.

Lo que tengo aplicado en mi blog son las entradas expandibles en las páginas de etiquetas:
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html

Silvia Quezada

Hola Rosa, he encontrado tu pagina y me ha resultado de gran ayuda para poner bonito mi blog, sin embargo te pido por favor me ayudes con lo siguiente:
Coloque un menu horizontal en mi blog, siguiendo tus indicaciones el cual me quedo bien, pero ahora quiero que solo de la pestaña " Descargar" se abra un sub menu, como puedo hacerlo??? Mi blog es http: //sivy72.blogspot.com

Gracias por tu ayuda

Anónimo

sivy72 Sigue las indicaciones que doy al final de la entrada para comprender la secuencia de los enlaces y añadir o retirar los que necesites... es más fácil hacerlo que explicar como se hace.

Silvia Quezada

Rosa, disculpa las molestias, he puesto el menu con submenu segun tus intrucciones, ahora para que cada entrada aparezca en la etiqueta correspondiente he colocado en el Gadget creado la URL de la etiqueta (segun tengo entendido que sale en el navegador cuando pinchas sobre ella, por ej.al presionar etiqueta anecdotas me sale en el navegador:http://www.blogger.com/posts.g?blogID=3501058059892873955&searchType=ALL&txtKeywords=&label=An%C3%A9cdotas. ( asi es verdad??)
Pero por mas que intento no me sale, ya que al hacer clic en uno de los submenu, me envia directamente al escritorio de blogger, por favor tu ayuda...

Anónimo

sivy72 La url de la etiqueta si es la que sale arriba al pinchar sobre ella, pero desde el blog.
Entras a tu blog como si fueses una visita más y pinchas en la etiqueta que quieres enlazar...copias esa url.

Tiene que salirte algo así:
http://elescaparatederosa.blogspot.com/search/label/Iconos

Fíjate que es la dirección del blog + /search/label/ + el nombre de la etiqueta.

Silvia Quezada

Muchas gracias Rosa por tu ayuda...ya me salió y me quedó bonito.

Tu blog es fantastico,mi blog lo he personalizado en base a tus consejos e instrucciones.
Lo unico que todavia no me sale es el asunto de los emoticones, asumo que es por la plantilla que uso pero otro dia te molesto con ese asunto.
Nuevamente mil gracias.

Anónimo

sivy72 Cuando quieras me preguntas lo que sea...:D
Lo de los emos no tiene que ver con la plantilla, tendría que funcionar en todas...

Yeltsin Nicolas

Me gusta! veamos aver si busco un buen lugar y colocarlo bien para mi blog

Dialoguista

Buenisimo Rosa, algo asi andaba buscando.
Hay alguna manera de en vez de ser sub pestañas, funcionen como subetiquetas?
La idea es que al abrir una etiqueta, aparezcan las opciones (lista de titulos) de las diferentes subetiquetas que contiene.
Saludos!!

Miguel Mora

Hola Rosa.

A veces, cuando se despliegan los submenús, depende de lo que haya en ese momento en el post, por ejemplo un vídeo, el submenú se queda oculto detrás. ¿cómo puedo hacer para que los submenús siempre queden en primer témino cuando los desplegamos??.

Un saludo y muchas gracias.

www.lago-tanganyika.blogspot.com

Anónimo

Miguel Mora Si, así es. Pasa porque los vídeos son una iframe, y como tal se superponen a cualquier otra cosa...

Anónimo

DIALOGUISTA No veo la forma de incluir algo así en un menú de este tipo :S

Toxiconer

Buenas, tengo una duda en este menu, yo lo pongo en la parte superior de mi blog, pero si tengo una entrada debajo que sea un video o algo asi el menu se abre por detras del video y no me deja verlo, ¿se puede hacer algo para que se abra por encima del video? Gracias

Anónimo

Toxiconer Como ya he dicho en comentarios anteriores, ese problema no es del menú, sino del vídeo o cualquier cosa que se muestre en iframe...se superpone a lo que sea.

Vic

Hola Rosa, antes que nada, buenisimo el menu y tus explicaciones...
acabo de insertar ese menu en mi blog, segui todas las instrucciones, enlacé las etiquetas manualmente, pero cuando paso por encima de las etiquetas no se abre el submenú ni me deriva a ningún enlace...
puedes ayudarme? desde ya muchísimas gracias
siempre utiles tus ideas...
www.victoriagarino.blogspot.com

Vic

Ya lo solucioné Rosa, gracias, disculpas...
:0

Gonzalo G

MUCHAS GRACIAS ..FUNCIONA DE 10

_Jar

Rosa: eres una genia. hace mucho que entro a tu blog y te "robo" ideas. La verdad que haces un laburo excepcional y nunca te lo agradeci.
MUCHAS GRACIAS!!!

_JAR

Anónimo

_JAR De nada, al contrario te doy las gracias yo a ti por estar por aquí.
¡Un abrazo!

Jacklead

Excelente ROsa, muy bueno... `pero ahora le pongo el tamaño en 950px y se me descuadra, se me sale de la pantalla. Qué hago?

Luckitas Moya

se puede ponerle un 2º submenu??? me podrias ayudar para ponerle...

Gracias

www.luckitas.com.ar

Anónimo

Jacklead Pues supongo que ponerle una medida menor...

Anónimo

Luckitas Es lo que trato de explicar al final de la entrada... tienes que tratar de entender el código antes para luego poder añadir lo que necesites.

Senosiain

Excelente Rosa, muy bueno. Ya lo he puesto en práctica en mi blog, aunque le he dado un uso distinto y lo he modificado un poco, espero que no te importe ;) InternetON
Saludos y gracias

Anónimo

Senosiain Por supuesto que no me importa sino todo lo contrario :D

Anónimo

BuenPlacer No tengo ni idea :O
Es un simple código html y css, con lo cual no debería influir para nada la computadora desde donde se vea... si me dijeses el navegador, podría ser, pero la PC no tiene nada que ver...

Jacklead

Hola rosa, me puedes explicar cómo hago un boton para enlazar el blog como el que tu tienes? me puedes pasar el script?

Anónimo

Jacklead Mejor te paso la dirección de la entrada donde lo explico :D

http://elescaparatederosa.blogspot.com/2008/03/link-tu-blog-mediante-un-widget.html

Jorge Ángel Aussel

Rosa, hace meses que busco algo que acabo de encontrar en tu blog de pruebas sobre este menú que también voy a utilizar. Se trata del código para aumentar y disminuir el tamaño de la letra. Cómo se puede lograr eso? Es fantástico para aquellos que no pueden leer una letra muy pequeña.

Anónimo

Jorge Ángel Está en el blog de pruebas porque aún ando mirando más sistemas... no me convence demasiado que se agrande todo el blog, pretendía agrandar solo las entradas :S

No obstante, si quieres probar ese sistema tal como lo ves allí, está también en Vagabundia:
http://vagabundia.blogspot.com/2008/03/cambiando-el-tamao-de-las-fuentes.html

Jorge Ángel Aussel

Gracias Rosa

Jorge Ángel Aussel

A mi me gustó el efecto, cambié body por Blog1 y aumenté solamente el tamaño de las entradas. Lo único que no me convenció es que se agrandara el post footer. Debiera haber alguna forma para ordenarle al código que no agrandara esa parte, como hay un código por ahí para imprimir las entradas al cual se le pueden ordenar las partes que uno no quiere que se impriman.

Anónimo

Jorge Ángel El Blog1 también incluye el título de la entrada y el footer...ese es el problema. Y no podemos excluir nada ahí, porque cada entrada tiene una id única que Blogger le asigna una vez publicada, así que es imposible controlar eso...
Estoy probando haciéndolo con un div, pero habría que incluirlo en cada entrada (las imágenes para aumentar y disminuir o los enlaces), aunque no sería problema ya que puede pegarse el código en la plantilla de entrada para que aparezca de forma automática en la edición de cada post... en fin, veremos que sale...:S

Jorge Ángel Aussel

Si, noté que se agrandaba el título y la fecha junto al footer, y a mí personalmente me complica el footer, no así el título, porque tengo una imagen redondeada, y si empezamos a agrandarlo llega a triplicarse dicha imagen...

Ahora hallé la forma para redondear las esquinas visibles para IE, vamos a ver si cambio las imágenes...

Tengo el cerebro frito con todos estos códigos, nunca te pasó? jajaja

Balonmano El Viso

Hola Rosa, magnífico Blog, querría hacerte un preguntita, es que he probado mil formas y no encuentro la solución para poder poner este menú debajo de la cabecera, como aparece el menú horizontal para el blog: http://elescaparatederosa.blogspot.com/2007/04/men-horizontal-para-el-blog.html

Estoy intentando remodelar un poco el blog y me cuesta un trabajo enorme, mil gracias.

JandoDC

HOLA ROSA...

INTENTE PONER EL MENU EN MI BLOG http://works-dc.blogspot.com/ PERO NO SE MUESTRAN LOS SUBMENUS.
EN LA PANTALLA DE DISEÑO SI APARECEN LOS SUBMENUS CUANDO PASO SOBRE ELLOS PERO YA EN LA PAGINA NO...

ESPERO PUEDAS AYUDARME

Anónimo

JandoDC Supongo que es el diseño de tu plantilla, que los submenus se "ocultan" bajo el cuerpo... tendrías que tratar de colocarlo más abajo, pero aún así no se como quedaría...ya sabes que siempre digo que las cosas que explico siempre las pruebo en plantillas originales de Blogger...

luchito

Rosa, muy bueno tu blogger eres muy generosa y personalmente eres mi guia desde que puse mi blog.

Anónimo

luchito Eres muy amable, gracias! :D

Bernat Vivolas

Hola Rosa!

He puesto este menú, me gustaba más que otro que tenía, y este me salen las letras subrayadas, mira te dejo el blog.
Aquí

Como lo puedo solucionar??

Muchas gracias!!!!

Anónimo

Sr. Taronja Intenta añadiendo un text-decoration: none; en esta parte del CSS del menú:
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFFF;
display: block;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #FFFFFF;
}

Bernat Vivolas

Fantastico!

Gracias!

bruzz

Rosssss ..HelpMeeeee!!!

deseo poner los menu con sub-menu pero sale

aqui dejo mi blog....

http://vaker0.blogspot.com

Anónimo

vaker0 Fijate bien y sigue las instrucciones, eso es que te has comido la parte del CSS y además has colocado el menú en la sidebar...

Laia Pedrol Viladot

Como puedo insertar este menú dentro de una entrada de blogger?

Bernat Vivolas

Hola!

Como lo puedo hacer para que los enlaces de paginas de interes me salgan en otra pestaña o pagina?

Muchas gracias

Mi blog es http://cbsaltv.blogspot.com

Anónimo

Xinxolla't ¿Un menú en una entrada? No le veo objeto a eso...
De todos modos, hay cosas que al incluirlas en una entrada, se "deforman" o directamente no es posible... no lo he probado, pero creo que este menú no resultaría en una entrada...

Anónimo

Sr. Taronja Supongo que dices en los enlaces del menú... tendrás que añadirles el target=_blank

http://elescaparatederosa.blogspot.com/2007/04/insertar-enlaces-links.html

C

¡Ay Rosa! Por fin pude colocar el menú en mi blog. Ya se que no es muy complejo, pero tenía un problema que no podía resolver. Quería poner en los submenús enlaces a diversas entradas. Pero me encontraba con que no podía meter más de un enlace dentro de cada submenú. Al final caí en que en la nube de etiquetas tenía ya el trabajo hecho. Me siento orgullosa porque lo he conseguido por mi misma, sin leerlo en ningún (maravilloso) blog. Todo lo demás lo he hecho con ayuda de este y otros más. Así que mil gracias por esta labor que hacéis.Aún me quedan cositas por resolver, y quiero probar con los menús de CSS Menú Maker (tenía el mismo problema). Si no consigo resolver las "cositas" cuento contigo!

Gracias a blogs tan útiles como el tuyo, hay blogs tan bonitos como el mío! xD

=)

Eva

Mi blog

Anónimo

Brochazos ¡Qué bien! Y si, tienes un blog muuuy lindo :D

Anónimo

Senosiain No veo el menú instalado en el blog... de todos modos, si has cambiado su diseño no puedo ayudarte... te ayudaría con un problema en el menú, pero respecto a como yo lo he publicado, si has hecho cambios es otra cosa...

narutokun28

HOLA
SOY NUEVO EN EL BLOGGER
Y TENGO
UN BLOGGER DE TWILIGHT
ES
ttp://crepusculotwilightnewmoonlunanueva.blogspot.com


PERO NO APARECE EL
MENU QUE DA NA MAS LA LETRAS Y EL ENLANCE
A QUE SERA AYUDA ROSA

ESTA CHIDO TU
BLOG
DE AYUDA .
PERO AYUDA

narutokun28

YA RESOLVI EL PROBLEMA ROSA.
ESTA GENIAL TU BLOG DE AYUDA

Gioconda Gómez gioco01@hotmail.com

Hola Rosa:

En primer lugar felicitarte por la página que tienes; es muy fácil engancharse a ella para buscar trucos.

Desde hace unos días he estado haciendo un blog para una amiga.
http://giotartas.blogspot.com/

En él he incorporado un "menú con submenus". Como lo estaba haciendo desde casa no había probado a verlo desde otro pc, pero ahora que si lo he hecho encuentro que el menú parece "no funcionar" si se visualiza con IE6 y si, en cambio, con Firefox 3.0.14.

¿Hay alguna forma de evitar éso?

Hay muchas personas que siguen utilizando IE, incluso en versiones anteriores, como es este caso y donde no se pueden actualizar.
Te estaré muy agradecida por tu respuesta.
Saludos y mil gracias.

Anónimo

Gioconda No dudo de que muchas personas estén usando IE6 aún, lo que si dudo es que no se puedan actualizar...

Siento el problema, pero de lógica es que quien diseña cualquier cosa lo haga para que se muestre correcto en las versiones actuales de navegador, sería de locos diseñar algo para todas las versiones, así que lo lógico es procurar que este correcto en las mejoradas...

Unknown

Hola Rosa estoy implementando esta barra y quiero hacetret 2 consultas.

1) he agregado la opción de busqueda provista por google dentro de ella y me gustaria que este alineado a la derecha (me refiero solo a este elemento)

2) no se muy bien porque me agrega un margen arriba y debajo.

si puedes echarle un vistazo y darme una mano te lo agradecere mucho.

sonidodeguitarras.blogspot.com

gracias por tu tiempo y paciencia!!!

Anónimo

Facundo Me es imposible complacer a todos con los cambios en lo que explico, es decir, si lo explico como está en la entrada, ya es cuestión de cada uno intentar cualquier modificación...puedo tratar de orientar, eso si, pero no dar los pasos concretos o no tendría tiempo ni para comer entonces...

Si te fijas en esta otra entrada, podrás ver como hacer para situar el buscador más a la derecha:
http://elescaparatederosa.blogspot.com/2008/09/menu-barra-superior-con-buscador.html

En cuanto al margen que dices, el menú está en cero, así que debes reducir margen en el header o incluso también en el crosscol.

Aarón M. Santana

Hola a todos. Como a algunos de ustedes, yo también me he topado con el problema de cómo centrar este menú ¡y lo he solucionado!. Basta con editar el gadget HTML al que se refiere el punto número dos de esta entrada [2] una vez que tengamos todo terminado. Entramos en el código del gadget HTML y copiamos al principio de todo "< center >" y al final de todo "< /center >", de manera que estos dos códigos mantengan dentro de sí al resto del código.
Como ven, he puesto los signos < y > separados un espacio de la palabra center porque si no el comentario no se publicaba, así que asegúrense de que cuando los pongan en su gadget no haya ningún espacio entre todos los signos < >, la palabra center y la barra /.
Otra cosa cosa con la que he experimentado es con el tamaño (la anchura) para que se ajustara a mis etiquetas y no me sobrara un trozo de barra por la derecha. Para esto vamos reduciendo el porcentaje del "width: 100%" que se propone en esta entrada hasta que se quede bien.
Un saludo a todos. Felicidades Rosa, gracias a ti tengo mi blog como me gusta.
Chao.

Jennifer Delgado

Hola rosa:
Genial esta entrada, la utilicè pero cuando la ubico en el lugar donde tengo mis etiquetas en forma de nube, al hacerlo, se ocultan los submenus detras de las entradas.
Mi plantilla es de blogger.
Existe algun codigo que solucione ese problema.
Es que quisiera poner mi menu en ese sitio.
Aca te dejo la direccion de mi blog: rincon-psicologia.blogspot.com
De antemano muchas gracias por todo el trabajo que haces para ayudarnos a cada uno de nosotros.
Jennifer

Anónimo

Jennifer No sabría decirte porque pasa eso... tal vez sea la nube ¿has probado a usar la nueva nube del gadget de etiquetas de Blogger?

Emmanuel Rodriguez

hola por favor responderme, cuando coloco la barra me sale en la sidebar de siempre.... la quiero debajo del header como esta en la imagen.....


como lo hago porfa

Anónimo

RD-JUEGOS Tendrías que arrastrar el gadget desde la sidebar a debajo del header, pero como tu plantilla no es de Blogger original quizás no puedas... y otra cosa, aunque pudieses tu header no tiene el diseño "normal" de Blogger así que seguro el efecto sería peor...

Emmanuel Rodriguez

hola gracias por responder... entonces no puedo colocarlo asi como la imagen que presentas.. uff que maal nno habra otra solucion??? es que volver de nuevo al template viejo y empezar otra ves es duro

Emmanuel Rodriguez

aqui otra ves... la verdad ya me quedo aunque no tan perfecto pero me quedo....

muy buen tu blog...

Patricia Lagos

Como siempre Rosa, muchas gracias por tus consejos. El menú quedó genial en mi blog.
Gracias
(responsable de 365 días para saber un poco de todo)
http://365para.blogspot.com/

Anónimo

RD-JUEGOS Quedó bien...no se me ocurrió decirte que lo pusieras ahí sobre las entradas, está bien ahí, si.

Sens Lenceria

Hola Rosa: Un par de consultas. Leí el comentario (81) donde explicas como quitar el subrayado, pero no sé en que lugar ponerlo exactamente (cero en CSS). Ya he cambiado el color, ok.
Quiero cambiar el tipo de letra a verdana, cómo hago?.
Ahora una pregunta conceptual. A cada accion del menú corresponde a una entrada (o etiqueta), ok. Ahora mi consulta es la siguiente: si luego de realizar el menu realizo todas las entradas que le corresponden... cómo hago para que esas nuevas entradas no se vean como nuevas y que el blog quede como si no hubiera realizado ninguna nueva o pareceria que fueron hechas hace tiempo. (entrada no publicada?)
Gracias por tu respuesta.
el blog es Sens Lenceria.

jding2k

Solo esto: GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSss



Ya lo estoy usando...:D

●๋•╣ҜΞҜΘ╠●๋•

Hola wenas, creo que no me he enterado muy bien... el segundo código donde hay que ponerlo¿? Osea, das dos códigos el priemro que dices hay que ponerlo antes de B:skin... pero el segundo código¿? donde se pone????

Gracias, tienes un blog muy compelto

●๋•╣ҜΞҜΘ╠●๋•

[2] Colocamos ahora el código necesario para armar nuestro menú en un gadget HTML que arrastraremos luego a donde vayamos a mostrar el menú:

Pero donde?????

Anónimo

Sens Lenceria En Blogger TODAS las entradas que se hacen en el blog, aparecen como publicadas, es imposible evitar eso.
Pero si puedes antes de publicarlas cambiar su fecha de publicación a una antigua, incluso a antes de la primera que publicaste en tu blog, eso evita que la entrada sea recogida en el feed, si ya está publicada puedes hacerlo igualmente desde editar.

Cambiar el tipo de letra, en esta línea del menú:
font-family:"Trebuchet MS";

Anónimo

keko A debajo de la cabecera, por ejemplo.

●๋•╣ҜΞҜΘ╠●๋•

Rosa perdona que te moleste otra vez, ya he conseguido poner el gadget pero tengo un problema. Verás no me caben todas las pestañas que quiero poner, y entonces algunas de las secciones (pestañas) me las pone debajo de las otras. Esto no sería un problema sino fuera porque cambia de color¿?¿? es muy raro y bueno también el menú se me coleca de forma no proporcionada quiero decir que el último cajón es más grande que los ateriores.

Leugo por otro lado y relacionado con la priemra pregunta, como puedo poner el menú del mismo color que mi plantilla, em puedes ayudar¿? esque soy muy novato^^

Te mando mi blog de prubeas donde me sucenden estos problemas: http://gnula3.blogspot.com/

Un saludo y felicidades por tu gran blog!

Anónimo

keko No puedo ayudar a todos con todos y cada uno de los cambios concretos que quieren...no podría ni dormir.
Yo publico el menú y si no te gusta así, ya es cosa de cada uno el tratar de modificarlo.. y por cierto, lee comentarios anteriores, siempre ayudan.

MITARA

Hola Rosa. Estamos intentando montar un blog a partir de una plantilla mínima black. Hemos ido haciendo modificaciones y hasta ahora todo funcionaba bien con firefox y explorer. Pero al poner el menú de subpestañas, nos encontramos con el problema que las subpestañas sí funcionan con firefox, pero no con explorer 6, ya que los submenús no se despliegan.

Creo que ya algun comentarista (Asun) ha tenido un problema parecido, y no hemos encontrado una respuesta que nos pueda ayudar.

¿Serías tan amable de orientarnos? Si es necesario te enviaría la plantilla para que pudieses ver de donde viene el error.

La dirección del blog es la siguiente:

http://mitara9.blogspot.com/

Gracias por tu ayuda, Rosa.

Mitara

MITARA

Hola de nuevo, Rosa. El problema era El Explorer6. lo hemos comprobado en Explorer7 y funciona perfectamente.

Gracias de todas formas.

MITARA

Anónimo

MITARA Gracias a ti... si, supongo que solo sea en IE6, porque hace mucho que yo lo dejé de lado y cuando publico o diseño algo como es este caso, siempre comprueba en las últimas versiones de cada navegador...

Adolfo Narvaez del Valle

Estimada Rosa, felicitaciones por tu blog y asesorias. Soy nuevo y estoy tratando de organizay un blog, instalés el menú desplegable, pero se queda desplegado, no cierra, la direccion es www.adonar.blogspot.com.
Te agradecería ayuda, gracias

Anónimo

Adolfo Narvaez del Valle No puedo darte más ayuda que la de la entrada en este caso... si sigues los pasos de forma correcta te aseguro que el menú va bien...

Anónimo

077dc Yo lo veo correcto... ah y he borrado tu comentario porque los enlaces no están permitidos.

Maduixa

Hola Rosa,

Antes de nada me gustaría darte las gracias. Hace apenas 3 semanas no tenía ni idea de css, y con tu ayuda y la de Gem@ he conseguido dar mis primeros pasos en blogger. Tus explicaciones son sencillas y los comentarios ayudan a disipar muchas dudas, pero he llegado a un punto en el que no tengo más remedio que pedirte ayuda.

En base a una estructura parecida a la que nos muestras aquí, he creado un menú personalizado (con gráficos en lugar de colores). Lo veo bien desde chrome, IE7 y firefox. El problema que me está desesperando es que mi madre, (desde su casa, y a quien utilizo de beta tester )con IE7, consigue ver el menú pero no puede acceder a las pestañas de los submenus, dice que ve su contenido pero que en cuanto baja el ratón para hacer click, desaparece. Puede que sea un problema puntual de su navegador (aunque me he cerciorado de que su versión es la misma que la mía)pero es algo que me inquieta y me ha preocupado puesto que es el navegador que utiliza un sector importante de usuarios.

Sé que hay órdenes o comandos específicos para cada navegador, pero mi desconocimiento me ha llevado a un punto muerto. Rosa, serías tan amable de, cuando tengas un momento, comprobar que mi menú funciona correctamente? tengo miedo que por mi inexperiencia haya tocado más cosas de las debidas.

Muchísimas gracias de antemano.

P.S. el problema lo tengo en "salseando en la cocina".

Teixugo

Hola Rosa. Estoy creando un blog para un proyecto y me interesa poner la barra del menú como indicas.
aulaverdenigran.blogspot.com
He seguido los pasos que dices pero me hace un efecto "raro" al pasar el cursor por la pestaña. Se ve el fondo y queda la pestaña un poco cortada. También querría separar un poco las pestañas para que no estén tan juntas.
Realmente el menú que me gustaría poner es el Menu Tres-Top que tienes en el ejemplo, pero no consigo encontrar las indicaciones. ¿Lo tienes publicado? Ya vi que alguien mas lo pidió y se lo mandaste por mail.
Muchas gracias anticipadas.

Anónimo

Teixugo No, aún no lo publiqué, pero mañana mismo subo la entrada, prometido :D

Anónimo

rosita porfavor respondeme alguna vez!!! :((
la pregunta es ¿como puedo modificar ese menu para que se vea bien (con estilo) o con formas redondas , brillo ,etc
algo como este http://elescaparatederosa.blogspot.com/2009/06/menu-de-pestanas.html
pero que tenga submenus
puedes ayudarme?
gracias

Anónimo

Fackss No eres el único que pregunta aquí, además de quienes lo hacen por email... y SIEMPRE respondo.

A lo que preguntas, te digo lo mismo, imagina cuantas personas me hacen consultas al cabo del día... si tuviese que modificar a pedido todo lo que publico ni dormir podría...

Yo publico la base y oriento... cada uno ha de usar el que mejor se adapte a lo que quiere o modificarlo si es que sabe...

Kakaroto Competicion

HOLA QUERIA SABER SI A ESTE MENU, EN SUS SUBMENUS A LA VEZ SE LES PUEDE AGREGAR SUB-SUBMENUS...MUCHAS GRACIAS.

Anónimo

Kakaroto Competicion Supongo... trata de hacerlo orientándote con la explicación del final de la entrada...

«El más antiguo   ‹Más antiguo   Total comentarios: 1 – 200 de 272   Más reciente›   El más reciente»

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S