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: 201 – 272 de 272   Más reciente›   El más reciente»
Anónimo

hola rosita en tu blog de pruebas eh visto el menu imagenes y tres top y no lo eh encontrado en ninguna parte de tu blog.
¿lo has publicado?
si es asi me prestas el link?
gracias
:D

pureswing

Hola Rosa, antes de todo feliz año nuevo

es mi primera vez, no me lleves recio ok :):)

tengo la plantilla de blogger FORTE, me gustaria saber si puedo colocar este menú en la parte baja del blog (antes de los creditos y después de las entradas) de ser así, a ver si me dices como..

desde ya muchas gracias

Anónimo

djzorro Todo igual, solo en el paso [2] que deberás colocar ese código directamente en la plantilla, por ejemplo antes de los créditos... con las plantillas de artilugios expandida no te será difícil localizar el código que corresponde a los créditos y que estará casi al final de la plantilla.

Erreka

Hola:

Quiero poner un menú con submenus, pero no a enlaces externos sino que al pulsar en Sub-pestaña1, por ejemplo, aparezca un texto en el mismo blog (donde aparece el texto de las entradas), no se si me explico bien.

El menú iría en la barra negra que está debajo de la cabecera. ¿Cómo lo pongo ahí?

Gracias

PD: agradecer el trabajo que te tomas para ayudar a los novatos como yo. Tu página es magnífica. Gracias

Anónimo

Erreka Los enlaces del menú tendrían que enlazar con una url concreta, otrapágina, una entrada, una etiqueta, etc... en el caso que dices sería un gadget supongo y no veo como podría enlazarse desde el menú, ya que no hay url disponible...

pureswing

thanks rosa :):)

Roxana

:D GRACIAS ESTOY EN ESTE MOMENTO CREANDO UN BLOG Y ME SIRVIÓ DE MUCHO... HICE TODO Y ME FUNCIONO PERFECTAMENTE!!!!!

Nolberto lopez

saludos rosa, te agradezco el aver publicado esto, realmente lo explicas de manera muy clara...

he realizado los arreglos para poner un menu desplegable en mi blog, pero ha surgido un detalle, al pasar por los titulos si me desplega la lista pero en las entradas donde tengo un video al inicio la lista pasa por abajo del video y no se ven las opciones a seleccionar, que se podra hacer para que siempre pasen por encima de todo..

PierreLiLa

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

POR FAVOR AYUDA!!!

Anónimo

PierreLiLa Veo que tu menú funciona bien...¿cual es el problema exactamente? no entiendo...

Anónimo

HOLA ROSA ESPERO QUE ME AYUDES
ME URGE. SOY NUEVA EN ESTO Y NO HE LOGRADO HACER BIEN LO QUE HAS DICHO ACA. NO PUEDO LOGRAR VER TODO COMO UNAS PESTAÑAS SINO COMO UNA LISTA. AYUDAME POR FAVOR
http://ksliteraturanicaragua.blogspot.com/

Kevin Vélez

ROSA SIN EXAGERAR PERO, ERES LA MEJORRRRRR!!!!!!!!!! :P!!!!! MUCHISIMAS GRACIAS ME ENCANTA TU BLOG.....! VISITA EL MIO EN eco7tech.blogspot.com -- estoy arreglandolo

Anónimo

carol Si te sale como lista es que no has colocado el código CSS o no lo has hecho en el lugar correcto...

Proyectos EPB

Rosa:

Necesito armar un menu con submenues en base al que ya existe.

1) Dentro de la pestaña ESB tengo una sub-pestaña llamada Programas de Examen.

2) Dentro de esta sub-pestaña necesitaría tener 3 sub-pestañas llamadas 1º Año, 2º Año y 3º Año.

3) Y a la vez dentro de cada una de estas últimas necesitaría tener la lista de materias, por ejemplo: Ciencias Naturales, Ciencias Sociales, etc.

4) Lo mismo quiero hacer después con otras sub-pestañas.

5) Este blog está en construcción todavía no es de dominio público y tiene varias visitas en el contador por todos los agregados que estoy haciendo. Por su supuesto que al terminar lo voy a colocar en cero.

La URL del blog donde quiero efectuar esta tarea es: polimodalmariamadrenuestra.blogspot.com.


Desde ya muchas gracias. Carlos.

Anónimo

Proyectos EPB Más o menos es lo que trato de explicar al final de la entrada... fíjate ahí.

Proyectos EPB

Rosa:

Hice la prueba del menu y el problema es que no me deja pasar a las sub-pestañas 1º Año, 2º Año y 3º Año ya que queda al costado de programas de examen pero separado de este item.

Te paso nuevamente la URL del blog por si lo querés ver: polimodalmariamadrenuestra.blogspot.com

Disculpá las molestias y desde ya muchas gracias. Carlos.

Anónimo

Hola Rosa!!! las letras del menu me aparecen subrayadas a que se debe?
gracias

Unknown

hola rosa que tal.. sabes tengo un blog de la misma tematica que el tuyo... es frikibloggeo.com.ar .. .quisiera intercambiar links contigo... me gusta tu blog corazon esta muy lindo.. espero tu respuesta mi correo es nthny20@hotmail.com gracias

Anónimo

.::: Anthony :::. No hago intercambios de enlace, ni contesto a nadie al correo si antes no me han contactado de la misma manera, lo siento....
Por cierto... trata de comprobar el diseño de tu blog también en Firefox y no uses solo IE... te lo digo porque en Firefox tu blog se ve lleno de errores... revisa eso.

Anónimo

RIBAMATICColoca en el CSS del menú, justo después de: #subnav {

esto: text-decoration: none;

Anónimo

Hola Rosa interesante blog!!!! las letras del menu y submenu aprecen subrayadas a que se debe?
gracias:
wwww.rollslitter.blogspot.com

Anónimo

Hola Rosa lo he probado y no desparece, lo hice así:

#subnav {
text-decoration: none;
margin: 0px;
padding: 0px;
}

Gracias.

Anónimo

Rosa Solucionado,
gracias por tu amabilidad!!!
un abrazo!!!

Anónimo

Hola Rosa buenas noxes, una perguntita,
El menú aparece pegado a la izquierda como lo situoa centrado con el header.

Gracias de antemano.

Anónimo

RIBAMATIC Debería estar centrado... dame de nuevo la dirección de tu blog, la que dejaste en el comentario anterior no es correcta...
Por cierto, esto te interesara:
http://elescaparatederosa.blogspot.com/2007/09/compartir-el-perfil-de-blogger.html

Anónimo

Rosa buenas noches, tengo un problema con la barra de menú, no se como desplazarla hacia la derecha se queda pegada al lado izquierdo.
www.ribamatic.com
gracias

Anónimo

RIBAMATIC En #subnavbar { prueba cambiando padding: 0; por padding-left: 20%; o el valor que necesites... de todos modos el menú está diseñado para que empiece por la izda y luego poder ir añadiéndole más pestañas... en tu caso se nota más pues tu plantilla esta "estirada" a todo el ancho de la pantalla (en porcentajes)...

Anónimo

Hola Rosa, ya modofiqué el tema perfil activado.

Referente al menú he mofificado el valor a 20% y eneecto se mueve pero aparece otra pestaña a mano izquierda.

Tengo otra duda respecto al menu, cuando voy a una entrada cualquiera y quiero volver al inicio del blog éste se queda en la entrada que estaba, o sea no regresa a inicio, como lo modifico.
Saludos!!!
Mil gracias,
www.ribamatic.com

Colectivo Compromiso Ciudadano - La Libertad.

hola Rosa que tan facil es colocar menus a mi blog; te lo digo porque no conozco mucho de codigos y eso....dime no hay plnatillas o un aforma mas facil de colocar los benditos menus?

Anónimo

Colectivo Compromiso Ciudadano - La Libertad. Hay alguna página online que te hace casi todo el trabajo, por ejemplo: http://www.cssplay.co.uk/

EL AGUACATE AZUL

MUCHAS GRACIAS! POR FIN PUDE HACER MI MENÚ CON SUBMENÚ GRACIAS A TU EXPLICACIÓN.

http://elaguacateazul.blogspot.com/

Xavier Gomez

Como siempre impecables tu aportes, pero te voy a molestar una vez mas: como puedo hacer para que la barra de menu substituya la de blogger como tu has hecho, disculpa la molestia y gracias

http://xavgom.blogspot.com

Xavier Gomez

Te cuento algo que me pasa quiero ensancharlo, porque las clases están por comenzar y yo lo uso con mis alumnos en el menú música y actividades, quedan algunos por debajo y no se nota que hay mas, tal ves ensanchando me permita que se vean todos los submenus, ademas si lo pongo en lugar de la otra barra, tal vez sea mejor para navegar hasta para los padres

gracias y disculpa tanta pesades

Anónimo

Xavier Gomez El ancho del menú puede cambiarse en esta línea del código CSS:
width: 873px;
Si ahí aumentas el valor, aumentará el espacio que el menú alcanza, claro que siempre dependerá de donde esté colocado... no pudes ponerlo en un lugar que tenga disponible un espacio de 500px y darle 800px al menú...

Para colocarlo donde esta la navbar de Blogger, antes tendrías que ocultar esta:

http://elescaparatederosa.blogspot.com/2007/01/ocultar-que-no-quitar-la-barra-de.html

Después deberías colocar el código HTML del menú no en un gadget, sino directamente en la plantilla, por ejemplo sobre esto:
<div id='outer-wrapper'><div id='wrap2'>

Anónimo

Rosa buenas tardes,la barra de menú se mueve al cambiar de navegador, en explorer se ve bien pero en mozilla aparece hacia la izquierda.
www.ribamatic.com

gracias

Anónimo

RIBAMATIC Pues no se, pero como debe de estar correctamente es hacia la izquierda, para eso fue diseñado, para que al ir añadiendo pestañas estas tengan espacio... supongo que dependerá de cada versión de navegador... es imposible adaptarlo para todas ellas...

Angela Oeiras

Hola Rosa, finalmente he puesto mi menu con submenus en el blog y ha quedado estupendo, así que primero que nada darte las gracias por otro trabajo mas maravilloso que has hecho. ;)
Lo he cambiado de acuerdo con mi blog, colores, tamaño, etc... sin embargo he tenido un problemilla, ocurre que las letritas del menu se veian pequeñas, y cambie del tamaño 11 que trae para un tamaño mayor. Quedó mejor pero me di cuenta que al cambiar el tamaño de la letra (sea para el tamaño que sea) las pestañas no funcionan bien :(
?Habrá alguna manera de solucionarlo?

Y aprovecho para hacerte otra consulta... cuando he puesto el menu arriba este se queda pegado a la barra de publicidad de adsense... ?habrá alguna manera de crear ahi un espacio para que se queden desplegados el uno del otro?

Muchissimas gracias una vez mas, un saludo, Alegna

Rosa

Alegna"Las pestañas no funcionan bien"...¿exactamente que les sucede?

En cuanto a la separación con la publi... en el código del menú, en esta parte:
#subnavbar {
background: #64343C;
width: 873px;
height: 27px;
font-weight:bold;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS";
}

Cambia margin: 0px;

Por margin-bottom: Xpx;

La X el valor que necesites colocas en su lugar...

Dark

Rosa tengo un problema cuando tarto de poner este menu en (div id='header-wrapper'), me sale un error el tipico error del editor que no se puede guardar la platinall etc. solo puedo ponerlo en un elemento pero no quiero asi, me gustaria ponerlo en esa parte en especifico.
Besos y abrazos Att Dark

Rosa

DarkQuizá estás tratando de meterlo dentro del header, trata de colocarlo después del </div> del header-wrapper.

Lovely Artwork

Muchas gracias Rosa: Después de días peleándome con una barra de CIUDADBLOGGER que me escondía los submenús, con la tuya ha sido llegar y pim pam. Sólo dos cosas, aunque en el blog de pruebas me funciona bien, cuando la he puesto en el definitivo (http://info-alternativas.blogspot.com/) la barra separadora se me monta en el menú siguiente por lo que la he tenido que dejar en 0px. Aunque he tocado el padding, veo que no es la solución, ¿me puedes ayudar, pues quiero recuperar la barra separadora en su lugar correcto? . Y la siguiente es que me gustaría poner algún tipo de indicación en el menú que contiene submenús, un flecha, por ejemplo. Gracias anticipadas por tu dedicación.

Rosa

JORGE GARCIA BALLUS "La barra separadora"... tendrás que perdonarme pero no entendí a que te refieres ahí...

En cuanto a el icono, como supongo será un icono pequeñito ya que si no des-corregiría todo el menú, lo más fácil es que lo incluyas directamente en el menú delante del texto de cada pestaña correspondiente, como harías con cualquier imagen:
<img src="url del icono"/>

Lovely Artwork

Hola Rosa: La barra separadora es la línea blanca vertical que hay entre menú y menú. Como podrás ver he tenido que suprimirla porque si aparece se monta encima de las letras del menú siguiente de la derecha. Es como si el campo adjudicado a cada menú fuera mayor de lo necesario. Provaré lo que propones del icono aunque yo me refería a una solución del tipo:
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
Gracias anticipadas.

Dark

Hola rosa me gustaria poder poner este menu en el header, pero cuando tarto de ponerlo en la edicion html, sale error, solo puedo ponerlo cuandolo pongo en herramienta html, pero no quiero ponerlo asi, me gustaria que me puedas ayudar, Besos y Abrazos Dark

Rosa

Dark Puede ponerse desde la plantilla sin problemas... si te da error es porque no estás colocando el html en el lugar adecuado...

Rosa

JORGE GARCIA BALLUS Para incluir el icono desde el CSS como dices, tendrías que añadir un id a las pestañas en concreto a las que vas a poner el icono y mediante ese id añadir el control en el CSS... te suguería añadirlo directamente porque es la opción más fácil...

En cuanto a la distancia de las barras, está controlado en el padding del menú.

Anónimo

Hola, rosa tengo un problema con este menu. Cuando yo hago todo hasta el paso 1 y le doy a guardar plantilla me dice que hay un error. Que estoy haciendo mal??:o

Anónimo

gonzaa Me es imposible saber que haces mal... pero lo que si está claro es que si sigues los pasos correctamente no debería marcar ningún error...

leorecio

Rosa mira mi blog(laespesa.blogspot.com), no me aparece... no se si es por el width, pero esta en 100%. Asique no se por que sucede antes lo tenia bien pero despues de agregarle otro sidebar, es decir otro barra lateral, no lo pude hacer bien al MENU. Desde ya MUCHAS GRACIAS, espero respuesta saludos!!

Rosa

leorecio Lee de nuevo la entrada... el CSS no está colocado donde yo indico en ella...

Sama-Sama-Blog

Hola Rosa, muchísimas gracias por el aporte, me ha resultado muy fácil y practico! Enhorabuena por el blog, sigue así!

leorecio

"el CSS no está colocado donde yo indico en ella..." Esta colocado antes de ]]>:
o a lo mejor te referis que el MENU no debe estar con el titulo del blog? Muchas gracias por responder, aprecio mucho que respondas,saludos!

Rosa

leorecio Me refiero al código del paso [1]

leorecio

Todo los pasos lo he seguido al pie de la letra como está explicado, y no me da resultado. Es que antes, si me habia dado resultado; pero cuando agregue otro sidebar(otra barra lateral) a mi blog, todo el MENU quedo como si fueran etiquetas, y no me aparece el menu. Como se ve ahora en mi blog. Intente millones de formas pero no se porque no se ve correctamente. Muchas Gracias, hace como 3 meses que estoy intentando y no puedo hacer un menu... Sos mi unica esperanza, je saludos!

Rosa

leorencioEso no tiene nada que ver con la sidebar nueva... añade el código para el menú fuera del header, colocalo en el crosscol-wrapper:
http://elescaparatederosa.blogspot.com/2008/10/aprovechando-espacios-en-la-plantilla.html

Bilosony2™

y si a las sub categorias les quisiera poner otra sub categoria como aria??
E logrado ponerle sub categoria a las sub categorias pero el proble es que aparecen alejadas del menu.. Alguna idea de como resolver esto???

Anónimo

Bilosony2™ Pues supongo que añadiendo o modificando el código del CSS del menú... más no puedo indicarte... me es imposible modificar las cosas para cada uno, lo siento.

butaka22

Hola. Antes de nada gracias por la ayuda, me estaba volviendo loco por ahí y finalmente encontré tu ayuda con la que he conseguido hacer el menú desplegable.
Ahora, aparte de los siete menús que venían, quiero ampliar y poner unos cuantos más. Sí, en un principio me pareció facil, copie lo del menú cinco e hice el seis pegándolo más abajo, pero no se me pone la pequeña rayita divisoria. Me puedes ayudar? Y si no es mucha molestia, de los submenús se pueden sacar otros submenús?
Gracias de antemano, hasta pronto.

Anónimo

Ipar Al final de la entrada está la explicación a eso que dices.

M✿r†ⓐ

Hola Rosa

Me gusto mucho esta entrada :) las coloque en mi blog, pero tengo un problema para centrarla, segui tu consejo para cambiar el "width: 100%" pero no paso nada :S y no quiero colocar otra pestraña

me ayudas???

Anónimo

^Mi mundo en los Libros^ Mira en comentarios anteriores si algo te sirve... todo lo que puede o no hacerse en el menú creo que ahí estará...

M✿r†ⓐ

ahy si gracias Rosa se me habia pasado ese comentario...es que son tantos

me gusto mucho como quedo, gracias nuevamente por tu dedicacion

;)

Unknown

hola, sabes inserte el menu sin ningun problema, sin embargo no puedo quitarle el subrayado a los textos del mismo.... alguna sugerencia?


gracias

Anónimo

Experimentourbano.com En comentarios anteriores creo haber respondido a eso...

Eugenio

Buenas tardes, he instalado el menu de pestñas con los sub-menu y todo funciona muy bien pero tengo un par de dudas.
1. Se pueden poner los sub-menus con letras minúsculas? lo he intentado de varias maneras pero nada, no me sale.
2.- Podría de alguna manera eliminar el margen de separación izquierdo de tal modo que el menú de pestañas coincidiera exactamente con la cabecera?

Mi blogs es: http://corecapital.blogspot.com/

Gracias por facilitarnos los menús de pestañas y por tu ayuda.
Un saludo.

Anónimo

Eugenio Has añadido el menú en la sección del crosscol con lo que se adapta a esa sección...para que coincida con la cabecera tendrías que añadirlo en un gadget en la cabecera...

Para el texto prueba añadiendo aquí:
#subnav li li {
}

Algo así:
#subnav li li {
text-transform:normal;
}

Eugenio

Bunas tardes, Gracias por contestar tan rápido, He estado intentando seguir tus consejos pero nada que no hay manera. El texto sigue en mayúsculas a pesar de que lo escribí en minúsculas y seguí tu consejo. En cuanto al margen, el Gadget está situado en la cabecera pero aparece un margen lateral izquierdo que deseo eliminar y no puedo. Algún otro consejo para poder solucionar estos problemillas?

http://corecapital.blogspot.com/

Gracias por tu ayuda y un saludo!!!

Anónimo

EugenioVamos a ver... tu menú NO está en la cabecera, está añadido debajo de ella en la sección del crosscol y si te fijas ese margen no tiene nada que ver con el menú, es el margen que tiene el crosscol y toda la plantilla en ese lado... para evitar ese margen, te repito de nuevo, el menú ha de ir en un gadget de la sección del header.

Eugenio

Buenas de nuevo!! ¿Cómo pongo el gadget en la sección de header?. Tengo que cambiar algo del código de la plantilla??. Si voy a diseño e intento mover el gadget esto es lo máximo que puedo conseguir y siempre sále con ese margen. ¿Es por mi plantilla?

Gracias por ayudarme

Anónimo

EugenioQuizá no tienes habilitado el header para incluir más gadgets:

http://elescaparatederosa.blogspot.com/2008/05/elementos-adicionales-en-diseo-de-la.html

Kas-Tro

rosa no se que pasa pero a mi solo me sale en el firefox en el internet explorer me sale por debajo de los post el submenu te dejo mi blog de prueba para que lo veas aver si sabes que pasa http://prueba2056.blogspot.com/

Anónimo

LinternaVerde Como todo lo que publico, está testado para utilizar en plantillas originales de Blogger... ese problema que dices se da a veces dependiendo del diseño de la plantilla, siento no poder ayudarte.

«El más antiguo   ‹Más antiguo   Total comentarios: 201 – 272 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