Botones para el menú de pestañas

2 de julio de 2009 166 comentarios ,
En otro post expliqué cómo poner un menú horizontal en el blog. Vi en varios blogs que lo implementaron pero el color gris del menú no combina con la plantilla de su blog. Así que hice más botones de distintos colores para que tengan más variedad en el diseño.

Todos tienen el mismo efecto que cambia de color al pasar el mouse sobre él. Las indicaciones son las mismas del post anterior, sólo hay que cambiar el código que va antes de ]]></b:skin> por uno de los siguientes, dependiendo del que más les guste:


MENU AZUL
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY361HLfDKkigCK6uwZqDrj-9iqqcGXFZBLRa6ePahyphenhyphenjiP3Y8QWZJtbNWFN4XumrSVSbMxeFnr_BIqFBYqcB4uKiGUdnWFIr5Z6C-RbQ06Rm2XVLGnYMq_7-boGTrNeTie3zpkCAlun17f/s128/lefttabbed-blue.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbP_dy4Kqgn1OP0f0esVbnOlAUuQn1mRz_k61XKV6H-2AkMVZqcfBDn-zir5npfgGB6rz-c5Qde0es8i5DTN9pfg-z2XLasobun1I8M7dskuxUc6V_C7ik4radicu2jehIi4Lr95OZ-IU/s1600/tabbedblue.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */

menu verde
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjahqPl5KX5QVZHsRcsVQ32qS_8G0iFbiYKMeoop7oYkdB-DV9T3hT6wuB0w2pR3xT8PBD9_XUYOSLYhRA_1cuEW9ESOOOQaTGzJkajckzhRI-bk_Eq6_QOraOiV_PxB1do1ljUWrAQaqD_/s128/lefttabbed-green.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjM-9FjvcRjazHIEIRB1snFNRAkR-J3G4WNabYFTYcGoMyAT8Ur-c1HVf1Fn62t-Z_ysf0huFMIWUhQ2WP4FgTPTO3lMGJgk1dT4Mpj8Lt5iVt2k9jOrAuTPKfBZb3kbID9-gcE3yaCXs/s1600/tabbedgreen.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */

menu morado
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSHPaIitzF-SsrmThqcPkcjp_g_4bj2Tca2yBf6ErbmswMlaCYsKYX8QfGOd6qq_4npglgoafarIDeFVsdg5Km0LUc66NLshTyAWJQJzytFHmYJ5OyWwr5eesFDCgOoAaW_lw3mI0mF_Wv/s128/lefttabbed-purple.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4j4tyX0co9g6eg9LOpY6ALOiArOrly206fxvfciETSQRU9P7v5M6HldMlxwRwReZKoLa83vNGSbYhC6AOm_0qanNpsPaHcKoDiAE5FtMaFf90rqc36ryurvRW09nXB_vXiJ8KvWx_iYo/s1600/tabbedpurple.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */

menu rojo
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUleGFDVKnTaSTC2-hhopT8KlKd_u0gBDoMLsP4l7eXdUYAvyZwk7migV5nUVlTvBxLX4HcJBzpA8g4ffjWrlQnVrEwEdC2C6bNMFNQtUeUs_eGurk-p19NMRpFBsw-bFcAXVqQQyTzXpS/s128/lefttabbed-red.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuJ3_AekhG4JnR3ufbe6OWgy3b-WhcuyV6AUp_bluaADD_03CsZ8sTVuSUGX5V08d9k39-sJ6Fi1Ux1z_3BnmsG-2py-jbD1XWYI41UTqsX9CEgmjGi_qSDtNd13o7Lh0XBeIMi_VTYLI/s1600/tabbedred.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */

menu amarillo
/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqtMDBCeQ93K21gwSkOe8vImeBqEbIKY6_z_uCpePqV1ZeSj4OaBjDGi8mztZij4Xpsvt5ThAlnX5zb-ha-ubze1y-q1i1FbeJ97xYX0FFPIQvnk0U6ZLR3tQ0RQt1hHtsrPgVB_IkfYAK/s128/lefttabbed-yellow.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2tRAFAOIkRUBlz672TPb0ByRNEmR7a-GiRD-FBz3H6x3pR5RFhSgKwv9vDicCWxO1i4Mfi5T-axBRMH4f9-2nV09LrLKvYVmVDWdojX9AejUaQQYDVMeywbRc3fHtXxpb8gleXrKF4uU/s1600/tabbedyellow.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}
/* Fin del menú */


166 comentarios en:

" Botones para el menú de pestañas "

  1. Que gran truco.
    La verdad a mi no me gustaba el gris, no era llamativo, pero este es mucho mas llamativo.
    Saludos

    ResponderEliminar
  2. Pues a modo personal yo prefiero el gris =P
    Pero sé que no a todos les gusta.
    Saludos.

    ResponderEliminar
  3. Oye, estabha viendo el post Filtrar IP en Google Analytics
    y me parecio muy bueno.
    Pero lo intente y no acepta mi cuenta de google, ¿Que puedo hacer para que acepte mi cuenta?

    ResponderEliminar
  4. Hola el venado,
    No entiendo muy bien, ¿no puedes entrar a Analytics con tu cuenta o no puedes registrar tu blog en Analytics?
    ¿Qué error te marca?

    ResponderEliminar
  5. aqui esta el texto completo potro.

    Verificación de cuenta necesaria
    La cuenta a la que estás intentando acceder aún no está activada. La dirección de correo electrónico asociada debe verificarse. Para comprobar que la dirección de correo electrónico asociada con tu cuenta es correcta, Google ha enviado un mensaje de correo electrónico a esa dirección. Para activar tu Cuenta de Google, accede a tu correo electrónico y visita la URL de verificación suministrada.

    ResponderEliminar
  6. Pues está claro, te mandarán un correo con un link de confirmación para que compruebes que esa cuenta es tuya. Sólo debes esperar a que te llegue el correo a la dirección que diste.
    Eso sólo ocurre cuando ingresas a un servicio de Google con un correo que no está registrado con ellos, pero si entras con el mismo correo con el que entras a tu blog no debes tener ningún problema.

    Saludos.

    ResponderEliminar
  7. Sin duda son muy llamativos. Creo que lo que hace que queden bien en todos los colores es el buén diseño de la solapa.

    Un abrazo!!!

    ResponderEliminar
  8. Me gustan, quería comentar que Dreamweaver también trael algunos botones de este tipo ya instalados. Para aquellos que estén con lo del diseño.
    Saludos

    ResponderEliminar
  9. Muchas gracias por el dato.
    Saludos.

    ResponderEliminar
  10. Gracias por compartir conocimientos, realicé los botones para el menú horizontal, hay dos puntos para personalizar, el nombre del botón, y la url, ese es el punto, cómo se la url de una entrada, o se refiere a otra url. muchas gracias

    ResponderEliminar
  11. Hola Graciela,

    La URL del enlace será según a dónde quieras que el botón enlace, puede ser una entrada, una etiqueta o una página, si es una entrada o una etiqueta haz click con el botón derecho del mouse sobre el título de la entrada o etiqueta y da click en Copiar la ruta del enlace, esa será la URL que debes poner en el botón.

    Saludos.

    ResponderEliminar
  12. hola, yo molestandote de nuevo jaja, tengo una duda, cuando escribo un texto un poquito largo como por ej: contactate conmigo como que la imagen ser parte, nose si me explico? hay forma de solucionar eso?

    graciass

    ResponderEliminar
  13. Hola Ezequiel,

    Ya he modificado el largo de los botones para que quepan frases más largas, vuelve a copiar y pegar el código del botón y deberá solucionarse.

    Saludos.

    ResponderEliminar
  14. Ya lo dije una vez, y ahora lo vuelvo a repetir GENIO jajajaj

    y llego lo de feedburner, se te agradece mucho

    saludos

    ResponderEliminar
  15. Hola Ezequiel,

    Me alegra que ya esté solucionado todo =)

    Saludos.

    ResponderEliminar
  16. Hola! Estoy implementando el menú, lo encontré muy sencillo y útil, además que me gustó el diseño azul. Pero quisiera saber cómo puedo invertir los colores... es que me gustó el azul oscuro como color principal y el azul claro cuando se pase el mouse sobre él.
    Ojalá puedas ayudarme, muchas gracias!

    ResponderEliminar
  17. Hola Club de Ajedrez,

    Ya he cambiado el color del botón, usa este código en lugar del otro:

    /* Menú horizontal
    ----------------------------------------------- */
    #menu ul { margin:0; list-style:none;}
    #menu li {display:inline;margin:0;padding:0;}
    #menu a { float:left;background:url(http://i25.tinypic.com/316m0hw.png) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
    #menu a span {float:left;display:block; background: url(http://i31.tinypic.com/vsc3n4.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
    #menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
    #menu a:hover span {color:#fff;}
    #menu a:hover {background-position:0% -27px;}
    #menu a:hover span {background-position:100% -27px;}
    .clear {clear:left}
    /* Fin del menú */


    Saludos.

    ResponderEliminar
    Respuestas
    1. Tenia la misma preguntas... Muchas gracias!!!

      Eliminar
  18. Hola El Potro, primero BRUTAL CONTRIBUCIÓN A LA COMUNIDAD BLOGGERA.
    Segundo, he estado dándole vueltas a lo de añadir un menú superior pero con los botones ya creados, es decir, sin añadir pedazos de botón y luego un texto. La cosa es que ya tengo las imágenes que van a ser los botones y el texto están incrustado.
    Sé que es de tontos, pero no tengo ni idea....

    ResponderEliminar
  19. Hola Juansaman,

    Si los botones ya tienen incluido el texto sólo entra a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:

    <a href="URL del enlace"><img src="URL del botón"/></a>

    Repite esa línea por cada botón que agregues, sólo cambia la URL del enlace y la URL de botón. Luego arrastra ese elemento abajo de la cabecera o en el lugar donde quieras tener el menú.

    Saludos y muchas gracias por tus comentarios!

    ResponderEliminar
  20. OK, perdona pero no me he explicado muy bien.... Tengo los botones y todo el menú de botones creados, pero mi problema es de ubicación. Quiero que salga bajo el header o título del blog, antes de la primera entrada....

    ResponderEliminar
  21. Hola Juansaman,

    Puedes ubicarlo de dos formas, una es que abras un elemento HTML/Javascrit como te dije y luego ese elemento lo "arrastras" hasta abajo de la cabecera.
    O si lo prefieres hacer directamente en la plantilla entra a Edición de HTML y pega el código del menú antes de la etiqueta:

    <div id='content-wrapper'>

    Si quieres que el menú esté centrado enciérra el código del menú entre <center> y </center>

    El código del menú es como te dije en el comentario anterior.
    Cualquier cosa me comentas.

    Saludos.

    ResponderEliminar
  22. ¡Vale, ha sido de estúpidos! No sabía que podía arrastrar hasta justo debajo de la cabecera. Ahora ya está perfecto. ¡Gracias amigo!

    ResponderEliminar
  23. Disculpa el doble post, pero necesito algo de ayuda extra recolocando mis secciones, si no te importa te invito a echar un vistazo a lo que tengo hecho (he decidido finalmente meter el menú de enlaces en el lateral), sobre todo el código. Mi problema está con el lateral izquierdo: solo puedo meter una sección (gadget), lo demás se queda eternamente en el inferior.
    ¡Muchas gracias, crack!

    ResponderEliminar
  24. Triple post: :P http://juansaman.blogspot.com/
    SOrry!

    ResponderEliminar
  25. Hola Juansaman,

    Eso debe ser porque tienes un elemento más grande de lo que debería ser, en este caso la imagen que tienes al principio (Sota's hall of fame), el ancho de tu barra lateral es de 220px y esa imagen tiene 263px de ancho. Redúcela a 220 y deberá regresar a su lugar la barra lateral.

    Saludos!

    ResponderEliminar
  26. Hmmmm. Acabo de revisarlo bien, si bien es cierto que la imagen es más grande que el ancho donde la estoy incrustando, tenía asignado el ancho de imagen a 200 ¿¿?? De todas formas, he cambiado la imagen, y nada, la he eliminado y nada.

    He revisado el ancho de las otras imágenes y están todas a 150.... He eliminado el widget del HTML donde están las imágenes, con lo que desaparecen y sube la siguiente sección, pero lo demás se sigue quedando abajo. He comenzado a comentar uno a uno todos los widgets y el resultado ha sido siempre el mismo..... Es muy interesante, la verdad. Es como si el sidebar abarcara todo el cuerpo del blog a partir del header o algo así.

    He revisado el div id='sidebar-wrapper' y el .sidebar { así como el Profile que me daba sospechas, pero tampoco he resuelto nada, y lo siguiente que he hecho ha sido irme a beberme toda la cerverza del primer bar que he encontrado porque ya no doy pie con bola. Misterio misteriosooooo....

    ResponderEliminar
  27. Jajajaja, será más difícil que encuentres los códigos si estás borracho, pero seguro estarás más inspirado.

    ¿Haz hecho alguna modificación reciente a la plantilla?
    Haz un respaldo de la plantilla y mándamela a admin@ciudadblogger.com

    Pero coméntame qué cambios has hecho al código.

    Saludos.

    ResponderEliminar
  28. Amigo mío, gracias a estar marcándote el script con mis modificaciones, he encontrado el fallo. ¿Estás sentado? Ahí va: Había comentado una línea antes del #sidebar mal (*/ en vez de /*) y todo se iba al garete.....
    Muchas gracias por tu apoyo, y ten por seguro que vas a aparecer mencionado como uno de los pilares que hizo que nuestro blog funcionara.
    Gracias por todo, Potro.... Como dije antes, eres un crack y ten por seguro que volverás a oir de mi.... Muajajajaja.

    ResponderEliminar
  29. Jajaja, es increíble pero cierto, una simple letra puede alterar todo el diseño del blog.
    Gracias a ti por visitar esta página y cualquier cosa que necesites estoy para servirte.

    Mucha suerte con tu blog y con las producciones.
    Saludos!

    ResponderEliminar
  30. Hola Potro. Muy buenas tus sugerencias. Los hemos aplicado con éxito.

    Quisiera saber cómo hago para poner las pestañas horizontales con un fondo negro y texto blanco.

    Muchas gracias

    ResponderEliminar
  31. Hola CIM Cocinas Integrales,

    Necesitarías editar las imágenes para cambiarles el color del botón, para ello necesitas un programa de diseño como Photoshop.
    Para cambiar el color del texto del botón busca en estos códigos esta parte:
    #menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000;

    Cambia lo que está en negrita por color:#fff; para que cambie de negro a blanco.

    Saludos!

    ResponderEliminar
  32. Hola Potro, haber si me pedes ayudar he copiado el código que aqui especificas y no me da resultado para que las pestañas sean azules, también quería preguntarte como hago para que las entradas del blog tengan letra blanca para que se puedan leer, porque al cambiar la plantilla ahora sólo se ven si selecciono el texto. Te mando el enlace de mo blog: http://todoculturayociodeburgos.blogspot.com/2010/01/burgos-bajo-la-tierra-inundada.html

    Muchas gracias de antemano

    ResponderEliminar
  33. Hola Blogs de Christian, GCC.,

    Los códigos para estas pestañas son para el menú que se menciona al inicio de esta entrada, al parecer el que tú tienes es el horizontal deslizante.
    Para cambiar el color del texto de tu blog busca esta parte:
    body {
    background:#383d43;
    margin:0;
    color:#bcc4c7;

    Cambia donde dice color:#bcc4c7; por color:#FFF;

    Saludos.

    ResponderEliminar
  34. Muchas gracias por lo de las pestañas, las letras se ven un poco más pero no son blancas del todo, que podría hacer??? También me gustaría cambiar las pestañas, que venian con la plantilla y que están encima de las que he puesto yo, que debo hacer??

    Gracias por todo Potr

    ResponderEliminar
  35. Debe quedar así:
    color:#FFF;
    Y tú lo tienes así:
    color:color:#FFF;

    Las pestañas de ese menú, así como el fondo de ese menú son imágenes, tendrías que editarlas para poder darles otro aspecto, o bien, eliminar las imágenes y dejarlas sólo con color.

    Saludos.

    ResponderEliminar
  36. Ya lo he puesto como dices, pero se sigue sin ver, de todos modos gracias.

    ResponderEliminar
  37. En esa área es donde se modifica el color del texto del blog pero desconozco qué cambios habrás realizado anteriormente que ocasionaron que las letras no se vean.

    Saludos.

    ResponderEliminar
  38. Por cierto que sólo no se ven en ciertas entradas.
    ¿Ya revisaste que en los posts donde no se ven no tengas un color diferente para las letras?

    ResponderEliminar
  39. He borrado el formato, y así ya he arreglado lo del texto. ¿Cuando me mecionabas " Las pestañas de ese menú, así como el fondo de ese menú son imágenes, tendrías que editarlas para poder darles otro aspecto, o bien, eliminar las imágenes y dejarlas sólo con color" como lo realizo??? Gracias

    ResponderEliminar
  40. Se me olvidaba , acerca de lo del texto, lo que te decía del formato lo he hecho en la edición de una sola entrada haya alguna forma de hacerlo en todas a la vez???

    ResponderEliminar
  41. Tienes que arreglar cada entrada por separado.
    Para lo del menú busca desde donde dice:
    #navigation{
    Ahí verás dos background con la URL de una imagen, sería cambiar todo eso por:
    background:#0174DF;

    Ahí puedes cambiar el código del color por el que quieras.

    ResponderEliminar
  42. Hola Potro, la verdad que estoy eternamente agradecido, porque hacés que los que no sabemos nada de programación nos sintamos útiles, todo lo que has explicado me ha servido mucho. Te hago una consulta como puedo hcer para que mi menú tenga el mismo color que el banner del blog?
    Te invito a que entrés para saber si me podés dar una solución.
    Desde ya gracias.

    ResponderEliminar
  43. Hola Grito Deportivo,

    Pues eso se logra editando las imágenes del menú con un programa de diseño pero me parece que en tu caso no es necesario, ya que le menú combina perfectamente con la cabecera de tu blog.

    Saludos!

    ResponderEliminar
  44. Si, gracias por la pronta respuesta, cuando te escribí era porque había sacado tu menú, el primero de azul, y después encontré el otro que pasaste y quedó genial.
    Ya que estoy aprovecho, ¿como hago para que por cada entrada no me aparezca toda la nota, sino una parte y si le interesa al lector, que pinche para leerla entera? Espero tu respuesta.
    Gracias.

    ResponderEliminar
  45. Puedes usar la opción de Leer más que ofrece Blogger:
    http://chicablogger.com/leer-mas-en-blogger-%C2%A1al-fin/

    Saludos.

    ResponderEliminar
  46. Hola!!!; primero que todo, felicitarte por traducir a la gente simple como nosotros, ese chino de la edición html que a veces da dolor de cabeza jejeje; segundo, sólo quería saber, cómo redactar el código para que el menú me quede con botones personalizados, es decir, por ejemplo, una figura u otro botón (para no ser tan copiona), y eso...intenté hacerlo hace un rato pero me imagino que no era solamente llegar y reemplazar las url. Bueno un abrazo y gracias de antemano!!!!

    ResponderEliminar
  47. Hola Catherine,

    Estos botones están hechos con dos imágenes, esas dos imágenes están en dos URL distintas dentro del código, por lo tanto tus botones tendrían que estar igual, hechos en dos partes y luego remplazar las URL.

    Saludos!

    ResponderEliminar
  48. HOLA LOQ UE PASA ES QUE LA BARRA ME SALIO ARRIBA DELA CABECERA
    MIRA
    planetaverde-ok.blogspot.com

    ResponderEliminar
  49. Entonces pega el código del menú en un gadget HTML/Javascript y lo pones debajo de la cabecera, así como hiciste con el mensaje de marquesina que tienes.

    ResponderEliminar
  50. Hola Potro, tu menú de pestañas azul me ha quedado muy bien, pero tengo un problema. Mi plantilla tiene un menú sobre la cabecera y entre las pestañas me ha salido un borde azul que no tenía, ¿que crees que ha podido ocurrir?. La plantilla es Barcia y mi Blog redecoideas.blogspot.com
    Gracias por adelantado
    Un saludo

    ResponderEliminar
  51. Hola Manitas,

    El problema es que ambos menús tienen la misma ID, por eso toma parte de las imágenes de este menú.
    Para solucionarlo busca en tu plantilla esto:

    <div id='menu'>
    <ul id='nav'>

    Y cámbialo por esto:

    <div id='menu2'>
    <ul id='nav'>

    Saludos.

    ResponderEliminar
  52. Gracias por responder tan rápido Potro, ya está todo ok.
    Mis mas sinceras felicitaciones por tu Blog. Nos ayuda mucho a los que sabemos poco por tus explicaciones fáciles de entender.
    No nos dejes nunca, necesitamos a gente tan fantástica como tu.
    Un abrazo

    ResponderEliminar
  53. Gracias a ti por tus comentarios y por tu visita.
    No sé si sea mucho lo que ayudo, pero lo poco o mucho que hago lo hago de corazón.

    Un abrazo.

    ResponderEliminar
  54. Saludos!!! No hay manera; a mi me sale en vertical y tipo checkbox, sin botones.
    He hecho dos pruebas; una me sale en la cabecera directamente y la otra he copiado en el sidebar para ubicarlo.
    Las dos pruebas me salen en vertical.No te asusutes que vas a ver el blog que tengo para pruebas.
    Te dejo la URL:http://nynensayos.blogspot.com/ para que le des un vistazo cuando buenamente puedas.
    ¡¡¡Gracias anticipadas por tu ayuda!!!

    ☻/
    /▌
    / | *´¨)
    ...¸.•´¸.•*´¨) ¸.•*¨)
    (¸.•´ (¸.Nyn•*♥

    ResponderEliminar
  55. Pues es bastante raro sobre todo porque es en la plantilla Mínima y en esa no debería haber ningún problema.
    Sólo se me ocurre pensar que quizá alguna modificación que hayas hecho en la plantilla podría estar afectando el menú.
    Te sugiero que hagas otra prueba en un blog nuevo de pruebas para verificar si es la plantilla o algún otro problema.

    ¡Saludos!

    Pd. Me encantó tu firma ;)

    ResponderEliminar
  56. Gracias por la respuesta y por lo de la firma! Podrà ser el problema que tengo varias pruebas de menùs en la plantilla??? Digo!!! Lo intentarè de nuevo y en otra; ya te diré! Te dirè que todo lo que he probado hasta el momento, està ok!!! Chapò por las ayudas!!! Una cosita... como hago para poner una imagen como tu tienes con la cervecita??? La del formulario de comentarios si me saliò; para la cervecita no tengo ni idea!!! Gracias anticipadas de nuevo; y ahì va otra!!!

    _______________________¶¶____¶¶____¶¶
    ________________________¶¶____¶¶____¶¶
    _________________¶¶______¶¶____¶¶____¶¶
    __________________¶¶¶¶_____¶¶____¶¶____¶¶
    _____________¶¶______¶¶_________________¶¶
    ______________¶¶¶¶______________________¶¶
    ________________¶¶¶___________¶¶________¶¶
    _________________¶¶_____¶¶_____¶¶______¶¶
    __________________¶¶_____¶¶____________¶¶
    __________________¶¶___________________¶¶
    _____¶¶___¶¶______¶¶____________¶¶_____¶¶
    ______¶¶__¶¶______¶¶____¶¶_____¶¶_____¶¶
    _______¶¶_¶¶_______¶¶______¶¶¶¶¶_____¶¶
    ______¶¶¶¶¶¶¶_______¶¶______________¶¶
    _____¶¶¶¶¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶
    _____¶¶¶¶¶¶¶¶¶¶___________¶¶___________¶¶
    _______¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶____________¶¶
    __________________________¶¶_____________¶¶
    __________________________¶¶______________¶¶

    ResponderEliminar
  57. Podría ser por los otros menú de pruebas que tienes, es por eso que sería bueno probarlo en un blog que no tenga nada.
    Lo de la cerveza se agrega entre las entradas, hay un post sobre cómo agregar separadores entre las entradas, con esa misma explicación puedes poner donde se indica la imagen que quieras.

    Saludos.

    ResponderEliminar
  58. Gracias, estoy en ello!!! Ahora estoy loca con los cripts y los titulos de las entradas!!! LLevo ya horas...!! Ya te dirè!!! Nos vemos!!!

    ResponderEliminar
  59. Hola Potro, he colocado el menú que nos enseñaste pero ahora deseo linkear cada uno con una página que cree en el blog, el problema que cuando creo la pág, y le coloco nombres aparecen en el blog, cómo hago para que no aparezcan y reemplazarlas por el menú?

    ResponderEliminar
  60. Hola Alejandra,

    Primero obtén las URL de las páginas y agrégalas al menú que quieres. Ya que tengas todo listo ve a Diseño > Elementos de la página y elimina el gadget de páginas para que no tengas duplicado ese menú.

    ResponderEliminar
  61. Nuevamente, te hago otra consulta, en cada entrada me aparece arriba un "globito" que es un contador de los comentarios, cómo puedo eliminarlo ?

    ResponderEliminar
  62. Depende de cada plantilla, necesitaría saber en cuál blog tienes ese icono y así poder decirte cómo quitarlo.

    ResponderEliminar
  63. Hola Potro, te paso el link del blog que estoy construyendo:
    http://ldya2010.blogspot.com/
    Cualquier sugerencia será bienvenida !

    ResponderEliminar
  64. No pude ver el blog, lo tienes habilitado como privado sólo con invitación.

    ResponderEliminar
  65. Bien, entra en Diseño > Edición de HTML, expande los artilugios y busca este código:

    <span class='comment-bubble'>
    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
    </b:if>
    </span>

    Elimínalo y dale Vista previa, si ya no se ve guarda los cambios.
    Ojo, ten en cuenta que en tu plantilla debe haber dos códigos muy parecidos a ese, para estar segura que eliminarás el correcto verifica que el código que borrarás tiene lo que he puesto en negrita.

    Saludos.

    ResponderEliminar
  66. Hola Potro ! nuevamente acudo a vos, cómo hago para publicar entradas en las páginas que tengo creadas? En "nueva entrada" no aparece la opción de crearla en una pág. determinada...

    ResponderEliminar
  67. Hola Alejandra,

    En las páginas no se pueden agregar entradas, sólo se puede agregar el contenido de la página y ya.
    Y en las entradas es igual, sólo puedes agregar contenido para las entradas pero no puedes incluir páginas en ellas.

    Saludos.

    ResponderEliminar
  68. Gracias por tu respuesta, entonces cuál es el camino para organizar mi blog con varias pestañas y
    poder ingresar entradas en c/u? Te agradezco tu predisposición. Saludos.

    ResponderEliminar
  69. Hola de nuevo Alejandra,

    Te explico brevemente pues en la próxima entrada haré un artículo un poco más explicativa sobre el tema.
    Primero debes ponerle etiquetas a tus entradas, en la parte de abajo de la edición de entradas está en campo para poner las etiquetas, puedes poner una que se asemeje a la categoría de la entrada, por ejemplo 'Viajes'
    Luego usa un menú por ejemplo este horizontal; en las URL de los enlaces usarías la URL de cada etiqueta, por ejemplo una pestaña enlazaría a la etiqueta 'Viajes' por lo que cuando un lector haga click en ella abrirá todas las entradas que tengan la etiqueta 'Viajes'

    Para saber cuál es la URL de tus etiquetas pon desde Elementos de la página el gadget que se llama Etiquetas. Ya puesto sólo da click con el botón derecho sobre el nombre de una etiqueta y selecciona 'Copiar dirección de enlace' (o algo parecido) y esa será la URL que debes usar en el enlace del menú.

    Saludos!

    ResponderEliminar
  70. Gracias !! lo estaré probando a ver qué sale... saludos.

    ResponderEliminar
  71. Hola, he probando lo que me indicas, y te consulto:
    1.las entradas se publican también en la pag. principal, cómo las saco?
    2.agregué el gadget de las Etiquetas (menú izq. del blog) dsde allí copia las URL para colocarlas en el menú horizontal pero no funciona.
    te paso el link del blog
    http://ldya2010.blogspot.com/

    p/d he intentado copiarte el HTML del menú horiz pero no me deja

    ResponderEliminar
  72. Las entradas siempre aparecerán en la página principal pues así es como funcionan los blogs, no puedes quitarlas sólo cambiar el orden de ellas.

    Ya acabo de publicar una entrada sobre cómo hacer el menú de categorías para que te guíes más fácil:
    http://ciudadblogger.com/2010/06/menu-de-categorias.html

    ¡Saludos!

    ResponderEliminar
  73. Potro ahora te moleto acá... hay manera de alinera el emnú horizontal con la cebecera?

    ResponderEliminar
  74. Por defecto todos los menús se alinean a la izquierda y se van extendiendo a la derecha conforme el contenido que se les ingrese, aunque yo lo veo centrado ;)

    ResponderEliminar
  75. Si, es verdad pero queda desparejo... le puedo dar el mismo tamaño a todas ñas pestañas?

    ResponderEliminar
  76. Las pestañas se adaptan al contenido del texto de la pestaña, si pones todos los textos con el mismo largo tendrás las pestañas del mismo tamaño.

    ResponderEliminar
  77. Potro te hago una consulta, no sé si este es el lugar. Después de que toqué la plantilla, me parece que algo cambié de lugar porque al comienzo de cada párrafo aparece automáticamente... span id="fullpost"
    y al finalizar cada párrafo /span.
    Qué puedo hacer para que solo aparezca en el primer párrafo como lo tenía antes.
    Gracias

    ResponderEliminar
  78. Eso me parece que es del truco de leer más sólo en algunas entradas.
    Probablemente fuiste a Configuración > Formato > Plantilla de entrada y ahí es agregado un código, ese código debes eliminarlo sino deseas que aparezca automáticamente en todas las entradas.

    ResponderEliminar
  79. Gracias... lo re instalé y quedó bárbaro. Creo que mi blog ha quedado bárbaro. Se agradece tu tiempo y dedicación para con aquellos que poco entendemos de HTML.
    Un millón de gracias

    ResponderEliminar
  80. Gracias a ti por tu confianza y tu visita.

    ResponderEliminar
  81. Ha sido muy útil tu página. Te hago una consulta respecto del tamaño de la pestaña ¿hay forma de hacer los botones más grandes, más altos? El tamaño de la letra ya sé como cambiarlo pero no se el tamaño del botón o pestaña. Muchas gracias

    ResponderEliminar
  82. En cada código verás dos URL (direcciones Web), esas URL son las imágenes, tendrías que editarlas con un programa para hacerlas más grandes y luego subirlas de nuevo a la red.

    ResponderEliminar
  83. ¡Graciaaaaas!. Queda muy bien. Mi blog es una web jaja. ¿Qué les parece? www.jungcolombia.blogspot.com

    ResponderEliminar
  84. Buenas Potro,

    Cambié el color de las cajas del menú, pero el problema es que cuando introduzco un nombre para alguna de ellas, algunas cajas se quedan con un fondo azul (el código que yo copié)y otras con el fondo de mi propio blog.

    ¿Qué puedo hacer?

    un saludo y mil gracias, como siempre

    ResponderEliminar
  85. Supongo que estás usando un texto muy largo, si es así entonces sucede que el tamaño de la imagen alcanza un máximo y ya no se puede seguir mostrando, tendrías que usar un texto más corto.

    Saludos.

    ResponderEliminar
  86. Hola Potro.
    Soy neófito en esto de los blogs y más aún en la informática y también un poco torpe.
    Tengo dos problemas.
    El primero es que cree mis propios botones y siguiendo las instrucciones que le das a Juansaman en el mensaje número 20 ya los tengo operativos pero no tienen ningún efecto de resaltado cuando se pasa el ratón sobre ellos, ¿podrías decirme que etiqueta-s debo poner y donde para conseguirlo?
    Lo segundo es que algo hice mal ya que en el cabecero del blog puse una foto que cambia aleatoriamente y al borrar el nombre del blog en el cabecero también lo he borrado del blogger por lo que ahora mismo mi blog está sin nombre, tan solo tiene una dirección.¿Cómo puedo solucionarlo?
    Muchas gracias de antemano y un cordial saludo

    http://fotosricardo-h.blogspot.com/

    ResponderEliminar
  87. Hola ricardo,

    En el caso de Juansaman él sólo quería un menú de imágenes sin efectos, algo distinto a lo que se menciona en esta entrada.
    Para tener tus botones con efecto con el menú de pestañas hotizontales busca las dos URL que se encuentran en cualquiera de estos códigos y verás que corresponden a dos imágenes, cada una es complemento de la otra, lo único que tienes que hacer es crear tus botones en base a esas, luego subirlas y cambiar las URL de esas imágenes por las tuyas.

    Respecto a lo otro, ponle el nombre a tu blog, luego usa este truco para eliminar el nombre.

    Saludos.

    ResponderEliminar
  88. Hola, Potro.
    Tengo el menú de botones que hay al principio de éste post. Los botones de color amarillo, concretamente. El caso es que he hecho algunas modificaciones en el menú, pero los botones quedan alineados a la izquierda y no consigo que queden centrados debajo de la cabecera. Por favor, me podrías echar una mano.
    Gracias y saludos.
    Mi blog: http://fotoslombardo.blogspot.com/

    ResponderEliminar
  89. Hola Agustín,

    Estos menús para su buen funcionamiento siempre se alinean a la izquierda, aunque puedes hacerle una pequeña modificación para que se corra a la derecha hasta que se centre como quieres. Sólo busca al inicio del código del menú esta parte y agrega lo que está en negrita:

    <div id='menu' style='margin-left:100px;'>

    Ese número 100 hará que se haga a la derecha, si queda muy a la derecha ponle un número más bajo hasta que quede como deseas.

    Saludos.

    ResponderEliminar
  90. Perfecto, ahora quedan centrados los botones.

    Muchas gracias, por tu pronta respuesta y por tú gran labor, que nos estás ayudando a muchos que no tenemos ni idea de programación.
    Un abrazo.

    ResponderEliminar
  91. Hola Potro
    Te he querido contestar pero esto no me permitía publicar el comentario una vez editado.
    He intentado hacer lo que me dices pero he sido incapaz de conseguir cambiar los botones que creé por los tuyos, ya te dije que soy bastante torpe.
    ¿Quizás hay que crear uno extra largo sin texto en un color y otro igual de largo de diferente color? ¿es así? ¿en qué sitio exacto hay que sustituirlos y si no estoy en lo cierto ¿qué debo hacer?
    Te agradecería que me concretaras más. Yo ya tengo creados todos los botones en dos colores.
    Gracias por todo.
    Un saludo.
    Ricardo

    ResponderEliminar
  92. Hola ricardo,

    Los botones están hechos en dos partes, y esas partes son estas, esta:
    http://lh3.ggpht.com/_dsEG33PDaHw/Sk0PpgVjCmI/AAAAAAAAABo/1ngE9K8oKUM/s128/lefttabbed-blue.PNG

    Y esta:
    http://img514.imageshack.us/img514/9711/tabbedblue.png

    Si te fijas en ambas hay dos botones, uno es el color normal del botón y el otro es el color del botón al pasar el cursor.
    Es de esa forma como tienes que hacer tus botones, luego los subes y cambias las URL que están en el código (estas que te acabo de mostrar) por las tuyas.

    Saludos.

    ResponderEliminar
  93. Hola Potro.
    Ya tengo los botones funcionando y tal y como quería que fuesen.
    Es maravilloso poder encontrar personas como tú, dispuestas a ayudar a los demás.
    Gracias de nuevo por tu paciencia y por tu ayuda.
    Un saludo.
    Ricardo

    ResponderEliminar
  94. Me da mucho gusto que ya tengas los botones que deseabas =)
    Saludos y mucho éxito!

    ResponderEliminar
  95. hola potro perdon por la molestia pero tengo problemas con el menu de pestañas azul ya que imagenes hack no carga y por lo tanto no se ve bien el menu no se si tu tienes la imagen por favor

    ResponderEliminar
  96. Ya cambié la URL del azul, de los demás no tengo respaldo :\
    A ver si al rato de restablecen.

    ResponderEliminar
  97. era el que necesitaba nuevamente gracias

    ResponderEliminar
  98. Gracias a todos esos blogeros k nos hacen la vida mas fácil a los que empezamos en este mundo dejandonos los modelos nada mas para "copy and paste"

    ResponderEliminar
  99. Esa es la idea Silvialaloki, que el conocimiento esté al alcance de todos :)

    ResponderEliminar
  100. Hola Potro Saludos desde aca ;) te escribe una reciente sguidora de tu blog es estupendo aprendo de apoco de tu espacio GRACIAS POR TAN BUENA Y ORGANIZADA INFORMACIÓN!!!
    En si requiero de tu ayuda o de lo que me puedas decir al respecto tengo un problema con mi menu horizontal desplegable que lo relaize desde un programita llamado CSS3Menu es super sencillo de verdad que si hasta el mismo me genero el codigo HTML yo lo copio asi no mas como lo has venido comentando antes de ]]> y bueh no veo nada :S cuando lo agrego ese mismo codigo directo a un gdaget de html / java veo no mas que letras no veo el bello menu que cree :( ayudaaaaa!!! no se como hacer?? :S

    ResponderEliminar
  101. Hola mendozaparaelmundo@gmail.com,

    Bienvenida a Ciudad Blogger!
    Lamentablemente no conozco ese programa por lo que no sé cómo sea el código que te ha dado.
    A groso modo te diré que en general los menús se instalan de este modo:
    Los estilos como los que se ven en los códigos de estos botones van antes de ]]></b:skin>
    Y la parte del menú que contiene las URLs de los enlaces van dentro de un elemento HTML/Javascript, es decir, entrar a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pegarlo.

    Lamento no poder ayudarte más pero como te dije, nunca he usado estos menús que mencionas.

    Saludos.

    ResponderEliminar
  102. Gracias desistire de ese menu :S la verdad que se ve super bien pero dentro del codigo no me genera el menu que contiene el URL dedusco que es solo para paginas web probare con los que muestras en tu pagina ;) saludosss.

    Besos!!

    ResponderEliminar
  103. Muchas gracias, tu ayuda inestimable. Un saludo

    ResponderEliminar
  104. no sabía como quitar el fondo negro que aparece por default, antes de preguntar le moví y al final lo solucione en diseñador de platillas -> avanzado -> fondo de las pestañas -> color de fondo=transparent. por si a alguién le sirve.
    gracias por los tutoriales, me sirvieron de mucho =)

    ResponderEliminar
  105. Hola. Gracias por esta aportación, es muy útil.
    Me gustaría poner los botones del mismo color que los tienes tú, gris oscuro y negro. ¿Cómo puedo hacerlo?

    ResponderEliminar
  106. Esos que tengo son de otro menú con otras medidas que no te servirán para este.

    ResponderEliminar
  107. Ya, ya, si he intentado cambiar la URL de la imagen de este menú por la que estás utilizando, pero la esquina de la izquierda me queda mal.
    Ahora mismo tengo puesto los botones grises de la otra entrada, pero el problema está en que el fondo es blanco y no transparente, y el fondo de mi blog es oscuro (muy similar al tuyo), por lo que el redondeado de las esquinas queda feo. Si se te ocurre algo...
    Gracias de nuevo, y espero que algún día te animes a compartir el menú que actualmente utilizas. Enhorabuena por la página, es genial.

    ResponderEliminar
  108. Potro:

    Tengo un problema con este truco y me gustaría que pasaras por mi blog: http://elinformanteuruguay.blogspot.com/2010/12/senales-futuro.html
    y me dés alguna idea de cómo arreglarlo.
    Desde ya, Muchas Gracias

    ResponderEliminar
  109. Potro:

    Como tuve que quitar el menú de botones te comento que el problema era que el segundo botón que puse quedaba cortado... tenés idea de por qué?
    Desde ya, Muchas Gracias nuevamente

    ResponderEliminar
  110. No pude verlo pero seguramente el texto de la pestaña estaba demasiado largo y eso hacía que la imagen no alcanzara a cubrir todo y se mostrara "cortada".

    ResponderEliminar
  111. !Hola quisiera saber si aguien e pude decir como agregan contenido a los munus de arriba de la pagin ..por que yo le puse los menus a mi pagina y no se como agregar contenido .....saludos......muchas gracias por leer este mensaje


    mi pagina es: http://www.musicapiolademaxio.blogspot.com/

    ResponderEliminar
  112. En donde dice URL del enlace debes poner la dirección web del sitio que quieres enlazar, por ejemplo, si quisieras enlazar a Google la URL sería:
    http://google.com

    ResponderEliminar
  113. Aqui España otra vez, por favor me podrias ayudar con las pestañas de mi blog, entra en el
    mira lo que me pasa, podrías ayudarme ???
    www.traderpirata.com
    Muuuuchas gracias

    ResponderEliminar
  114. Ya lo arreglé era un problema con los textos de las pestañas, de todas formas gracias, porque cuando tenga un problema yo sé que puedo contar con tu ayuda.

    Saludetes

    ResponderEliminar
  115. Vale, me alegro que ya lo hayas resuelto ;)

    ResponderEliminar
  116. hola potro soy de nuevo yo, jejej aca molestandote otra ves, ... brother un favor tu crees q me puedas modificar el fondo del color del boton por un amarillo, exactamente este #f1c232 , el color de la letra esta bien negro, ... por favor amigo potro te agradeceria me hicieras ese favor, hasta mas luego causita

    ResponderEliminar
  117. Lo siento Joseph, pero no hago botones personalizados.
    Si deseas otros colores puedes editar los botones, sólo abre las dos URLs de las imágenes que se encuentran en el cada código y edítalas con un editor de imagen.
    Saludos.

    ResponderEliminar
  118. Hola Potro, como ves dándo la lata hasta el Domingo. Oye, por favor, entra en mi blog:
    "www.traderpirata.com" y dime si hay manera y cómo de quitar la sombra que aparece detrás del menú de pestañas porque estéticamente la verdad es que no queda muy bien. Esto de los blogs para los que somos un poco perfeccionistas es cómo una droga siempre estás modificándolo y nunca estás conforme con lo que tienes. Voy a tener que poner remedio a esto.
    Saludetes desde Asturias(España)
    Patapalo alias "El perfecionista"

    ResponderEliminar
  119. Hola Patapalo,

    Te entiendo perfectamente, pese que a este blog no le hago nada, hay uno que tengo de pruebas y aunque no escribo nada ahí no soporto ver siquiera 1px fuera de su lugar, me he vuelto obsesivo con ese blog que nadie más ve y que está completamente vacío. Y dicen que los hombres no somos complejos ¿eh?

    Prueba eliminando todo lo que hay dentro de esta área:


    /* Tabs
    ----------------------------------------------- */

    Eso deberá borrar todos los estilos predefinidos para esa sección, así que ya no deberás tener más problemas con los estilos si es que conservas ese menú o si más adelante deseas agregar algún otro.

    Saludos.

    ResponderEliminar
  120. Como siempre, muchas gracias por tu ayuda, funcionó a la perfección. !Que tengas un buen día¡

    Saludetes
    Patapalo

    ResponderEliminar
  121. hola que tal potro.. tengo un problema como le hago para que este menu pueda tener mas de 8 pestañas y que funcionen? ya que tube que eliminar unas porque no asen el enlace quedan estatica.

    ResponderEliminar
  122. Sólo agrega en el código del menú, antes de </ul> una línea como esta por cada pestaña adicional que quieras agregar:
    <li><a href='URL del enlace'><span>Título</span></a></li>

    ResponderEliminar
  123. ok hermano ese proceso ise pero igual no me enlasa la pestaña si gusta y noes tanta molestia http://posandoval.blogspot.com/ para que vea q las demas pestaña corren bien paro la q dice contactanos no funciona

    ResponderEliminar
  124. Pues yo lo veo funcionando sin problemas, al dar click en esa pestaña enlaza a la etiqueta contacto.

    ResponderEliminar
  125. gracias hermano creo que el problema es con mi pantalla de la compu no se porque pero no me sale y en la demas compu q probe si sale... gracias. hermano. de todoa forma y disculpa por la molestia. ya que estoy aqui como hago para agregarle un marco a los banner para q no se vean como muy pegados...

    ResponderEliminar
  126. Dentro del código de la imagen:

    style="padding:5px; border:1px solid #000;"

    ResponderEliminar
  127. gracias compy puse tu banner en agradecimiento por todos los trucos que e tenido em mi blog gracias a tu sabiduria...

    ResponderEliminar
  128. Potro, no se si sea solo en mi blog o suceda en varios, lo que pasa esque no se ve el fondo, solo se ve oscro, osea se corta uno de los pedasos... no se si este pasando algo... y muchas gracias potro, es un gran blog. El mejor que he encontrado. Muchas felicidades.

    ResponderEliminar
  129. No he sabido de alguien más que tenga ese problema, al menos no con estos botones. ¿En cuál blog lo has puesto?

    ResponderEliminar
  130. http://rondalla-vds.blogspot.com

    Ese es alomejor movi algo o sabe ajaja, pero se me hizo raro qe entre y no se veia bien el menu.

    ResponderEliminar
  131. En los botones grises sí hubo hace unos días un problema con una de las imágenes del menú pero ya la he subido mejor a Picasaweb para no volver a tener ese problema. Regresa a esa entrada y copia de nuevo el primer código, ahí ya está arreglada la imagen así que pegándolo de nuevo se solucionará :)

    ResponderEliminar
  132. a okey... JAJa muchas gracias por tus rapidas respuestas. Insisto el mejor blog de ayuda sin dudar alguna. Mis respetos para ti. Y gracias de nuevo.

    ResponderEliminar
  133. ya me salio el menu ejemplo en lista

    Titulo 1
    Titulo 2
    Titulo 3

    Pero yo lo quiero hacia el lado y no encuentro donde dice ]]>

    ResponderEliminar
  134. Usa las teclas CTRL + F para localizar los códigos que no encuentras.

    ResponderEliminar
  135. Hola, antes que todo gracias a tus explicaciones he conseguido poner pestañas a mi blog. Soy nueva en este tema y la verdad q no se nada de nada!!!
    Una vez puestas las pestañas y cambiado el color, cuando selecciono cualquier pestaña me sale el siguiente mensaje: No se encuentra la página.
    Lo sentimos, la página que estabas buscando en el blog La Petita Noe no existe. Me puedes ayudar para detectar que error he cometido??
    Gracias.

    ResponderEliminar
  136. Hola La Petita Noe,

    Usualmente sucede cuando está mal colocada la URL. Debe empezar siempre por http:// por ejemplo:
    http://google.com

    ResponderEliminar
  137. ok!! mucisimas gracias...ahora intentare solucionarlo... si no lo consigo volvere a prguntar jajaja

    ResponderEliminar
  138. Pues tengo que volver a preguntar (es que hace solo tres dias que estoy en el mundillo de los blogs...)
    He logrado que las pestañas funcinen pero no se como hacer que cada entrada aparezca en una pestaña en concreto? Es decir, si pongo 4 o 5 pestañas, puedo hacer entradas en una o dos y que la misma entrada no aparezca en todas? estoy haciendo solo entradas de prueba pero esta entrada sale en todas las pestañas.... y he tenido que eliminar la hora ya que la hora de l entrada no es la hora real en España

    ResponderEliminar
  139. Perdón La Petita Noe, no me ha quedado muy claro, ¿me puedes dar otro ejemplo?

    ResponderEliminar
  140. si claro, he puesto en mi blog un menu de pestañas para poder clasificar cada entrada que yo haga en una pestaña en concreto, por ejemplo: si tengo pestaña 1, 2, 3 y 4 y si quiero hacer una publicacion en la pestaña 2 y que no salga en ninguna otra pestaña. Si ves mi blog (lo tengo en pruebas) veras que la unica entrada de prueba que he hecho me sale en la pag principal y en todas las pestañas que tengo. Si no se puede hacer lo que quiero me gustaria que me expliques si hay algo que pueda hacer para clasificar las entradas que haga....gracias!!!!

    ResponderEliminar
  141. Bien, primero hay que dejar claro que la característica de todo blog es que todo lo que publiquemos aparecerá en la portada, y lo más nuevo estará siempre arriba. Así que si estás en la portada siempre verás la última entrada que hayas publicado, esto es sin importar si usamos un menú o no.

    El menú como se coloca en el blog también está visible en cualquier parte que estemos, por ejemplo, si ingresas a última la entrada verás que también aparece el menú, si ingresas a otra entrada también estará ahí.
    Por las pestañas que has puesto en tu menú supongo que lo que quieres es poner (por ejemplo), en Broches todas las entradas que hablen sobre el tema de los broches.
    Si es así entonces lo que necesitas es ponerle etiquetas a tus entradas, y luego enlazar esa etiqueta con el menú, de esa forma cuando el lector haga click en 'Broches' le aparecerán todas las entradas que hablan sobre ese tema.
    Una explicación más detallada sobre eso la encuentras en este enlace:
    http://ciudadblogger.com/2010/06/menu-de-categorias.html

    Saludos.

    ResponderEliminar
  142. Muchisimas gracias!! es realmenete lo que queria!!!! saludos desde barcelona!!!!

    ResponderEliminar
  143. Buenas EL Potro por aca de nuevo,estuve buscando menús horizontal y encontré una pagina donde puedo descargar ahora no se si se pueden agregar al blog,son archivo gif te dejo un ejemplo file:///D:/Blog/botones%20yotube%20y%20menu/pro_six.html#nogo
    Si tenes algun foro donde expliques como subirlos,desde ya muchas gracias

    ResponderEliminar
  144. Hola Compañia EnCuerpo,

    Cualquier imágen de tu ordenador que quieras visualizarlo en Internet debes subirla a la red, esa dirección que has dejado sólo puedes verla tú porque es una dirección de tu ordenador.
    En esta entrada se explica cómo subir imágenes y cómo obtener su URL:
    http://ciudadblogger.com/2011/06/subir-imagenes-y-obtener-la-url-de-la.html

    ResponderEliminar
  145. Hola, es la segunda vez que pongo pestañas en mi blog, y la primera vez salieron bien, pero esta vez no se que pasa que las pestañas salen abajo a la derecha me podrias ayudar. Gracias
    http://vamdearm.blogspot.com/

    ResponderEliminar
  146. Hola Susana,

    Entré al blog pero veo el menú de pestañas (color azul) sin problema, no sé si ya lo has resuelto.
    Cualquier cosa me avisas.
    Saludos.

    ResponderEliminar
  147. como puedo poner mas grandes los botones?

    ResponderEliminar
  148. Son imágenes, tendrías que editar las imágenes que están en los códigos (las URLs), son dos por cada botón.

    ResponderEliminar
  149. Necesito crear pestañas transparentes, de modo que tomen el color del fondo de la página. Entonces necesitaria las imagenes con fondo transparente. Tienes?

    ResponderEliminar
    Respuestas
    1. No Papelucha, las únicas que tengo para este menú son las que están publicadas en la entrada. Saludos.

      Eliminar
  150. Hola Potro. Hay manera que el botón se vea como seleccionado? Porque cuando entro por ejemplo en el área "Contacto" la pestaña se ve igual que las demás, y yo quiero que se diferencie la que está activa (en éste caso la de contacto).

    ResponderEliminar
  151. Buenas El Potro!!!! Estoy intentando de cambiar el blog y de acuerdo con las ayudas de los comentarios que haces mas o menos me voy guiando,queria preguntarte:
    -Hice unos botones lo subi y los agregue a un gadget como HTML/JavaScript,pero no encuentro la forma de que bajen un poco mas estos botones y esten mas pegado al contenido.
    -En caso que no,si estos botones los hago de la forma que plantean aca pero con este diseño para asi cuando pasen el raton cambie de color la letra y ademas tenga la opción de ponerlos mas pegado al contenido.
    Gracias por la ayuda,saludos!!!

    ResponderEliminar
  152. Hola potro hice una pregunta y no se si salio

    ResponderEliminar
    Respuestas
    1. Sí, sí salió, es solo que los comentrios están moderados, por eso no los ves de inmediato.
      Si quieres que tus botones cambien de color tendrás que hacer unos similares a los de esta entrada, abre las dos URLs de cada código para que te guíes en cómo debe ser tu imagen de tus botones. En cuanto a la posición de los mismos puedes aplicar un margen, pero tendría que ver en cuál blog los has puesto para poder darte las indicaciones.

      Saludos.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger