Hace unos días en la entrada sobre el editor HTML online puse un menú de ejemplo y si bien instalarlo es fácil para la mayoría, otros me han preguntado cómo ponerlo en el blog. Y bueno, además de esto se me ocurrió que el menú tuviera un mensaje en marquesina para que pudieran anunciar algo, dar la bienvenida o promocionar una entrada.
Para ponerlo en tu blog entra en Diseño > Edición de HTML y pega antes de ]]></b:skin> lo siguiente:
#menu-title {
padding:5px;
background:#333; /* Color de fondo de la marquesina */
border-bottom:1px solid #fff;
}
#menu-title h3 {
padding:0; margin:0;
color:#ccc; /* Color de texto de la marquesina */
font-family:Verdana, serif;
font-weight:bold;
font-size:130%; /* Tamaño de la letra de la marquesina */
}
#nav {
float:left;
width:100%;
margin:0; padding:0;
list-style:none;
background:#ccc; /* Color de fondo del menú */
border-bottom:1px solid #999;
}
#nav li{float:left; margin:0; padding:0;}
#nav a {
float:left;
display:block;
padding:6px 30px 6px 5px;
text-decoration:none;
font-family:Verdana, serif;
font-weight:bold;
font-size:90%; /* Tamaño del texto del menú */
color:#666; /* Color del texto del menú */
/* Color de fondo del menú */
background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMc_HRadYVkiRvly8-UiTnltvk_sL7cbRg3bnA0KnH-3XOQB6ZmBbDu3JMIqi0eElEJVnhbPSL6yOp_7WpwoAKIP1-SiGKXhfY-txwKEw6WyLQndrCmAAAmnBxbuOASQE2lAAwJxX2JeA/s400/nav_slant.gif)no-repeat top right;
}
#nav #nav-1 a {padding-left:20px;}
#nav a:hover {color:#000;}
Ahora después de <body> pega lo siguiente:
<div id="menu-title">
<h3><marquee behavior="alternate">Aquí va el mensaje</marquee></h3>
</div>
<ul id="nav">
<li id="nav-1"><a href="URL del enlace">Inicio</a></li>
<li><a href="URL del enlace">Directorio</a></li>
<li><a href="URL del enlace">Contacto</a></li>
<li><a href="URL del enlace">Acerca de</a></li>
</ul><div class='clear'/>
Eso hará que el menú quede arriba de la cabecera, si lo deseas debajo de la cabecera o en otro lugar entonces entra en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y pega ahí el contenido, ya después arrastra el elemento donde quieras.
Ya sabes que, lo que está en color rojo hay que remplazarlo por el mensaje de bienvenida y por las URL de los enlaces correspondientes. Para personalizar los colores y texto cambia las partes que están en color verde.
Ciudad Blogger
excelente, una pregunta, como hiciste tu cabeza de RESPONDONES?. con flash?
ResponderEliminaresto esta super voy a ahora a probarlo
ResponderEliminarsaludos potro
Mets La Paz, es un script que ya venía con la plantilla, yo sólo cambié las imágenes.
ResponderEliminarCarlos Javier, qué bueno que te ha gustado ;)
Encantador Potro :)
ResponderEliminarSí que lo pruebo, luego te digo qué ha salido.
Besos!
haha esta buenisimo felicitaciones ;)
ResponderEliminarSaludos
Graciela, ojalá ya puesto te gusté más :)
ResponderEliminarMCarlitooH2, gracias por pasar :)
esta genial pero mi pagina ya parece arbolito de navidad asiq no colocara nada mas jajajajjjaja
ResponderEliminarJajajaja, ciertamente hay que ser moderados con los elementos que tienen movimiento ;)
ResponderEliminarhola, hace varios días creé mi blog y este ha sido mi guia en el proceso de personalizarlo. pero con éste codigo tengo problemas en la visualizacion y no sé que es, mira:
ResponderEliminarmi blog es
http://elblogdeyass.blogspot.com/
y el codigo del menu lo dejé exactamente como el tuyo de allá arriba. en el google chrome me sale una línea divisoria entre los elementos de la lista y el ie8 no sale el gif y al pasar el mouse por encima se cambia el color e fondo!
gracias por TODAS LA ENTRaDAS con que nos haces los blogs más atractivos
Hola YaGrEoR,
ResponderEliminarNo sé si te he entendido bien, pero entré a ese blog desde Chrome e Internet Explorer y no vi lo que mencionas, de hecho ni siquiera vi el menú de esta entrada, no sé si te referías a otra cosa.
Tengo que reconocer que cunado hice la prueba del editor de HTML online, pegando el código del menu, también me quedé encantado con el diseño. Es sencillo, pero a la vez muy elegante. Creo que por un tiempo voy a dejar de pelear con los códigos, pero si todavía estuviese con la plantilla de Cyber, seguro le hecharía un vistazo a ver como queda (o en mi próxima blogger-depresion XD)
ResponderEliminarUn abrazo!!!
potro, encontré el problema y era de un conflicto con un codigo en la plantilla original...
ResponderEliminargracias de todos modos
siento la molestia
Hola Potro !
ResponderEliminarExelente post!, me encanta tu web, me ha servido de ayuda tanto para mi como para los otras personas que trabajan día a día para mejorar sus páginas.
Estoy interesado en intercambiar enlaces contigo, dejamelo saber en mi página:
http://www.koolyeah.com.ar
Exito y gracias broo !! Se me cuida !! Saludos!!
brother, yo ahora estoy con una blogger-depresión pero ninguna plantilla me cura, ya he hecho algunos diseños y ninguno me convence, pero es parte del encanto, estar probando y probando hasta dar con lo que uno busca :D
ResponderEliminarYaGrEoR, no es ninguna molestia, me alegro que ya lo hayas solucionado.
KoolYeah!, te agradezco mucho tu comentario. Por el momento no participo en intercambio de enlaces, gracias por considerarme. ¡Saludos!
Hola, tengo un blog de organizacion de eventos.
ResponderEliminarTengo muy poca noción de blogger, lo que quiero hacer es: ocultar algunos posts y colocar los links de esos posts ocultos en una página aparte (funcionaría como una sub página del blog) ¿es posible? ¿cómo se hace?
Muchas gracias!
http://eventos-organizacion.blogspot.com/
Puedes hacerlo a través de una página estática en lugar de una entrada común.
ResponderEliminarPara crear una página entra en Creación de entradas > Editar páginas > Página nueva. Ahí escribe el contenido que deseas y publícalo.
Esa página no se verá en el resto de las entradas, sólo se verá cuando el lector haga click en ella.
Cuando la publicas te da la opción de poner un gadget con el enlace a la página o sólo publicarla si el gadget para que tú pongas el enlace en donde desees.
Saludos.
¿No sabes com poner mas de 10 paginas en un blog?
ResponderEliminarEso lo controla Blogger y hasta el momento sólo se pueden 10 como máximo.
ResponderEliminarpotro ahora que leo el ultimo comentario.. podes hacer un tutorial o algo de como utilizar las paginas de blogger?
ResponderEliminary me olvide.. se le pude dar un efecto deslizante a este menu? osea... poner sub-menus
ResponderEliminarYa hay algunos tutoriales sobre cómo hacer las páginas, es por eso que no he hecho (ni creo hacer) una entrada sobre ello, en sí es tan fácil como hacer una entrada.
ResponderEliminarY lo del submenú, no se puede con este, en la sección Menús del blog hay un par de menús que tienen submenús.
Hola Potro, me quedé prendada el otro día cuando vi esta entrada tuya. Estoy loca por usarla!, :D, pero aún es que no se me ocurre cómo ni para destacar qué. Pero te felicito, está genial, y te agradezco mucho que estés en esto.
ResponderEliminarTe mando un abrazo muy fuerte
Sofía
Quizá no lo necesitas ahora, pero cuando llegue el momento podrás probar el menú a ver qué te perece :)
ResponderEliminarOtro abrazo para ti.
Hola, no se si es un caso parecido, pero necesito ayuda!! jaja eh cambiado el diseño de mi blog por una platilla de las nevas de blogger.. y pues no puedo poner un auto scrolling.. o slide de botonos.. no me registra el elemento marque del html, alguna idea de por q suceda esto??
ResponderEliminarSaludos y gracias!!
No lo sé, no he probado a fondo las nuevas plantillas pero en sí la propiedad marquee funciona no por la plantilla sino por el navegador, vaya, es el navegador el que pudiera tener problemas para interpretar ese comando pero en su mayoría casi todos los navegadores lo aceptan.
ResponderEliminarSaludos.
Saludos. Cuando en edicion html direcciono el menu
ResponderEliminarhref='eldescargue-programas-video.blogspot.com'>Video
asi y cundo entro al blog y le doy click en diseño me sale esto
http://eldescargue-programas-video.blogspot.com/eldescargue-programas-video.blogspot.com
y no me entra
no se que pasa, ojala puedas ayudarme te lo agradeceria de corazon!!!
Pues yo veo el link que dirige a http://eldescargue-programas-video.blogspot.com/ supongo que ya lo has de haber arreglado.
ResponderEliminarBuenos dias Potro .
ResponderEliminar¿Habria forma de que este menu horizontal quedara fijo , o sea que se viera siempre y no se ocultata al bajar. ???
Saludos y gracias anticipadas.
Buen día VRedondoF,
ResponderEliminarPodrías encerrar todo el código del menú entre <div id='menu-fijo'> y </div>
Luego en el primer código agrega esto:
#menu-fijo {
position: fixed;
top:0;
left:0;
}
Prueba con eso, espero y resulte :)
¡Saludos!
Buenas tardes Potro.
ResponderEliminarnada no me funciona ( seguro que no se hacerlo) , tengo puesto este de Jaime
http://elbalcondejaime.blogspot.com/2009/09/menu-flotante-horizontal-con-buscador.html
y me funciona muy bien , asi que lo dejo , queria cambiar al tuyo , por la marquesina.
Muy agradecido.
disculpa era un error mio bien estupido faltaba el http:// que estupides gracias de todas formas!!!
ResponderEliminarBuenas tardes VRedondoF,
ResponderEliminarDebe funcionar, lo probé ahora y si resultó.
El segundo código debe quedar así:
<div id='menu-fijo'>
<div id="menu-title">
<h3><marquee behavior="alternate">Aquí va el mensaje</marquee></h3>
</div>
<ul id="nav">
<li id="nav-1"><a href="URL del enlace">Inicio</a></li>
<li><a href="URL del enlace">Directorio</a></li>
<li><a href="URL del enlace">Contacto</a></li>
<li><a href="URL del enlace">Acerca de</a></li>
</ul><div class='clear'/>
</div>
Y esta parte:
#menu-fijo {
position: fixed;
top:0;
left:0;
}
Debe ir en el primer código.
¡Saludos!
Hola El Descargue,
ResponderEliminarNo te preocupes, a mí me sucedió lo mismo infinidad de veces ;)
Saludos!
OK Potro.
ResponderEliminarFunciona.
MUY AGRADECIDO.
No obstante la barra en horizontal quedaba en funcion del texto , pero como ya voy aprendiendo algo ( gracias a los texto explicativos que pones...) le he puesto width:1256 en vez de width:100% y se extiende al final.
Y aun mejor .... lo voy a dejar con el width:100% , ya que asi me permite ver a la derecha .. por ejemplo parte de la barra de blooger y ver "nueva entrada" "diseño" y "salir".
Nada .. que dentro de cuatro dias me veo como un guru del "soguar".
Repito muy agradecido por tu amabilidad.
Saludos.
¡Excelente! Sin duda has aprendido mucho y sobre todo has sabido cómo resolver los problemas :D
ResponderEliminarSaludos.
Perdona Potro ... resulta que me habia creido que era un fenomeno del soguar y na de na ..
ResponderEliminarque queria poner el menu debajo del titulo del blog y como sabia eso de bottom abajo y top arriba ..pues que
Pues que "solo se a tocino si me untan" .. que deciamos de chavales .
He puesto en un gadget el menu en vez de en body como bien tu dices y asi poderlo llevar a donde yo quiera , pero sobre todo , porque cumplimentar las url y titulos es mas operativo que entrar en la plantilla , pero nada que sigue arriba clavada .
gracias por anticipado y PERDON por tanta MOLESTIA , no se como nos aguantas ...
No es ninguna molestia hombre que de aquí no nos vamos hasta que quede como quieres.
ResponderEliminarPonlo de nuevo antes de /body, la ubicación del menú se puede controlar justo donde le habías pensando:
#menu-fijo {
position: fixed;
top:0;
left:0;
}
top:0; indica que está a 0 pixeles desde arriba, así que si quieres bajarlo un poco más para que quede debajo del título sólo cambia ese 0 por otro valor, por ejemplo:
top:50px;
Con eso quedará 50px desde arriba hacia abajo, ya será cuestión que modifiques ese valor hasta que quede en el lugar que quieres.
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarhola!
ResponderEliminarojala todo bien!
tengo una duda...perdon si es un poco tonta...pero soy nuevo en esto...
como separo las proximas URl que quiera poner??
por una como despues de las comillas o un guion o algo asi?? despues de .html" que se coloca para colocar otra URL??
De ante mano Gracias!!
Hola murdog,
ResponderEliminarNo hay preguntas tontas excepto las que no se hacen.
Sólo es una URL por cada línea del código, y es donde está marcado en color rojo.
Si quisieras poner más pestañas entonces antes de:
</ul><div class='clear'/>
Agrega más líneas como esta:
<li><a href="URL del enlace">Texto</a></li>
Saludos.
hola!
ResponderEliminaryo otra ves....jeje, creo que me explique mal...
la pregunta va relacionada para agregar mas entradas...no mas pestañas al menu.
se pueden agregar mas de una entrada en la misma pestaña de menu??
es decir, que al presionar la pestaña "opinion" de mi menu se vean dos o tres entradas publicadas.
Gracias!
Con este no, pero puedes hacerlo con este menú.
ResponderEliminarAmigo...ojla tengas pasiencia...jajaja...
ResponderEliminarcomo ejemplo te dejo este blog de prueba...http://ciudadbloggerpruebas6.blogspot.com/
si presionas en la pestaña inicio te sale una entrada llamada "editar pagina web desde el navegador" a continuacion viene una entrada llamada "gadget de traductor de google" (eso es lo que quiero...)donde colocas el URL de la 2da entrada ??? para que te quede a continuacion de la publicada primero??
gracias!
Ahhhh, no, no, ahí hay un poco de confusión, te explico:
ResponderEliminarEn ese menú el botón Inicio dirige a CiudadBlogger.com pero no a una entrada en específico sino a la portada del blog, sucede que yo tengo configurado para que en la portada aparezcan dos entradas, es por eso que al entrar al inicio de mi blog ves dos entradas, pero no es porque en el menú haya configurado dos URL, eso no se puede hacer.
Para configurar el número de entradas que se muestran en la portada del blog entra en Configuración > Formato > Mostrar un máximo de (aquí el número de entradas que quieres)
Pero eso sólo sucede en la página de inicio, si yo hubiera puesto en el botón la URL de una entrada entonces sólo se mostraría la entrada que especifiqué, no se pueden mostrar más de una.
Saludos.
Muy útil tu consejo amigo. Gracias.
ResponderEliminarhola soy nuevo aun no tengo entradas,pero ya tengo esta barra,no se por que el primer codigo se veia en el blog,digo se "veia"lo que despues lo borre y de momento el mensaje sale de marabillas,como aun no tengo entradas no se si funsionara te digo despues que me enseñes por favor a enlasar estas futuras entradas con la barra y si puedo poner mas de una url a cada casilla.
ResponderEliminarespero no molestar y tengas pasiencia pues estoy enpesando desde cero.
gracias.
Hola diablo,
ResponderEliminarPara enlazar una entrada sólo copia la URL de la entrada (puedes copiarla desde la barra de direcciones del navegador) y pégala en el área del menú que le corresponde.
Para enlazar varias entradas en una categoría sería como en la otra entrada donde has comentado.
En cualquiera de los dos casos sólo puedes poner un enlace a cada pestaña.
Saludos y bienvenido a Ciudad Blogger.
hola potro si lo que pasa es que tu blog esta super,y se puede pasar el dia navegando por el para aprender y bueno dan ganas de preguntar,y lo mejor sienpre hay respuestas y eso se tiene que agradeser.
ResponderEliminarsaludos.
Hola potro como haria para quitar el menu de mi blog de pruebas y poner este nuevo estilo en mi blog con la misma plantilla pero sin marquesina. gracias
ResponderEliminarhttp://top8music.blogspot.com/
hola potro mira agrege una nueva pestaña a mi menu segun las idicasiones para haserlo pero quedo abajo la barra no a continuacion como si se tratara de una nueva barra me entiendes.
ResponderEliminarde paso si lo ves me puedes dar algunos consejos de como voy recuerda si que soy nuevo no seas duro jaja saludos y gracias.
Hola diablo,
ResponderEliminarTodas las pestañas adicionales que agregues deben ir antes de </ul><div class='clear'/>
Saludos.
Hola extremoseventos,
ResponderEliminarElimina esta parte de tu plantilla:
<ul id='menu'>
<li class='navSelected'><a href='/'><span>Home</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
<li class='cat-item'><a href='#' title='Edit'><span>Edit</span></a></li>
</ul>
<div id='subMenu'>
<ul style='top:46px;'>
<li><a href='#'><span>Edit</span></a></li>
<li><a href='#'><span>Edit</span></a></li>
<li><a href='#'><span>Edit</span></a></li>
</ul>
</div>
Ese es el menú que trae tu plantilla, en su lugar pon el que quieras, si quieres quitar el efecto de la marquesina sólo elimina del código esto:
<marquee behavior="alternate"> y </marquee>
gracias potro lo tenia despues de....solucionado
ResponderEliminargracias.
Hola, me gustó mucho este menú horizontal y ya lo inserté en mi blog, pero cuando lo visualizo veo a la derecha del menú el borde de una celda vacia junto a los enlaces que coloqué, cuando intenté agregar el tamaño de la letra para que quede proporcionado y no me muestre esa mini celda vacía, me pone los enlaces que tenía en 2 renglones. Sabés como sacar esa vista de mini celda a la derecha del menú. Gracias.
ResponderEliminarEs que en donde dice:
ResponderEliminarbackground:#ccc; /* Color de fondo del menú */
Lo has cambiado por otro color, si cambias ese color entonces también debes cambiar el color de fondo que está en esta parte:
/* Color de fondo del menú */
background:#ccc url(http://4.bp.blogspot.com/....gif)no-repeat top right;
No importa cuál color le pongas pero ambos deben ser iguales.
Saludos.
Por cierto, en el menú veo que te salen unos "palitos" azules entre cada pestaña, si quieres eliminarlos busca esta parte:
ResponderEliminarborder-$endSide: 1px solid $(tabs.separator.color);
Y cambia ese 1px por 0px
Hola Potro, no encuentro la parte que dices para sacar los palitos azules entre cada pestaña:
ResponderEliminarborder-$endSide: 1px solid $(tabs.separator.color);
En la edición html que debíamos copiar no está esa parte.
Gracias por sacarme las dudas.
Debe de estar, yo saqué el código de la misma plantilla que usas.
ResponderEliminarSino entonces busca todo donde diga border-$endSide: 1px
Y en cada uno que encuentres cambia ese 1px por 0px luego dale Vista previa y fijate si se ha eliminado.
Saludos.
En donde estas partes:
ResponderEliminar.blocks .block1 {
.blocks .block2 {
.blocks .block3 {
.blocks .widget-content {
Hay una propiedad que es esta:
height:150px;
Elimina esa propiedad en todas esas áreas o cambia ese número por uno más bajo como 50px por ejemplo.
La marquesina puedes intentar ponerla antes de:
<div id='content-wrapper'>
Hola potro tengo una duda puse la marquesina para los enlaces, en los link super bien pero en la imagenes cuando estoy en internet explorer se ve fuera del cuadro y en Google Chroome y mozila firefox se ve super bien puedo arreglarlo de algun modo para que se vea bien en todos los navegadores? estan en la parte de abajo de la página te dejo mi link
ResponderEliminarhttp://kbuenamusic.blogspot.com
Gracias Lili.
Pues supongo que te refieres a la marquesina de imágenes que tienes debajo de la cabecera, si es esa la veo bien desde Internet Explorer 8
ResponderEliminarDe cualquier modo para saber cómo usar estas marquesinas para enlaces e imágenes mira esta entrada.
hola, soy un poco novato en esto...
ResponderEliminarmi pregunta es, donde pone /* Color de fondo del menú */ he de poner el color en número HEX o el nombre del color en inglés???
gracias
Cualquiera de los dos, personalmente recomiendo que sea el hexadecimal pues en el caso de los nombres en inglés es muy limitado el número de colores a elegir, pero cualquiera que prefieras está bien.
ResponderEliminarMira a ver que te parece uno de mis blogs
ResponderEliminarhttp://alcazabarock.blogspot.com/
potro no caxo como centrar el menu como lo hago me gustaria dejarlo al borde de cada lado como del largo de la cabesera del blog como hago ayuda porfa .......
ResponderEliminarPues busca el código de la cabecera y pega arriba de él el código del menú.
ResponderEliminarNo puedo ayudarte mucho sin saber cuál es tu blog.
meque paso men buen tutorial como haria si quiero colocar el traducto a lado de donde esta el menu al lado donde esta lo vacio en "gris" hago lo mismo que hize con el mio? saludos!
ResponderEliminarHOLA MIRA YO LOGRE PONER LA BARRA DE MENU EN MI BLOG Y LO QUE YO QUIERO ES PONER VARIAS ENTRADAS ANTIGUAS EN UN BOOTON.
ResponderEliminaryonathan, pues sólo agrega el código del buscador aunque quizá necesite alinearse un poco, pero primero prueba a ver cómo queda.
ResponderEliminarPhillip Eckert, para eso necesitarías un menú de subpestañas para agrupar ahí distintos enlaces. Mira la sección Menús para que veas algunos menús con esa función.
Muchísimas gracias… me fue de mucha ayuda!!!
ResponderEliminarQué bueno que te ha sido útil :)
ResponderEliminarpotro excelente el menu tengo es un detalle en los enlaces cuando cliqueo en el boton me envia al enlace pero antes vuelve y coloca la direccion del blog,,,mas claro
ResponderEliminarwww.http://tu-hornomicroondas-ya.blogspot.com/www.servicios-thmy.blogspot.com y solo deberia aparecer la segunda direccion es como si me entrara en una pagina del blog
gracias
Probablemente estás poniendo mal la URL que quieres, sólo debes remplazar por completo donde dice URL del enlace por la que quieres, por ejemplo:
ResponderEliminarhttp://google.com/
mi amigo ya revise pero esta bien, en las url coloque por ejemplo en el link de servicios, la direccion es www.servicios-thmy.blogspot.com en el codigo esta asi. pero me direcciona a www.tu-hornomicroondas-ya.blogspot.com/www.servicios-thmy.blogspot.com
ResponderEliminarno se si cambia elgo por lo que te comente que no uso paginas dentro del blog si no que creo blogs para cada link.
gracias
Al parecer no se publicó tu comentario, pero ya vi el problema y es que tú pones así la URL:
ResponderEliminarwww.servicios-thmy.blogspot.com
Y debe ser:
http://servicios-thmy.blogspot.com
Ponlos así y verás que ya funciona.
Hola potro, perdon por revivir el tema, pero puse el codigo como estaba pero me sale una línea divisoria entre los elementos de la lista, este es mi blog.
ResponderEliminarYo lo estoy mirando desde Firefox, en explorer se ve distinto, no se que sera
http://www.vivielgrandt.blogspot.com
Hola ρσ¢нσιηѕυa+10,
ResponderEliminarEs que tu plantilla tiene integrados esos bordes pero creo que podemos eliminarlos, busca estas dos líneas por separado y cambia ese 1px por 0px
border-left: 1px solid #222222;
border-right: 1px solid #222222;
El Potro, no tengo ninguna de esas dos lineas en mi plantilla, no habra otra forma de sacar esos bordes?
ResponderEliminarGracias
Busca entonces esta línea y de igual manera ponla en 0px
ResponderEliminarborder-$endSide: 1px
Hice lo que me dijiste, pero sigue igual, gracias de todas formas
ResponderEliminarSon estas dos líneas las que debes de poner en 0px
ResponderEliminarborder-$startSide: 1px solid $(tabs.border.color);
border-$endSide: 1px solid $(tabs.border.color);
Ahora sí, por fin
ResponderEliminarMuchas Gracias, por cierto, my buena pagina ;)
Hola, Potro:
ResponderEliminarHe puesto las pestañas tal como dices, en mi blog y queda perfecto. La cosa es que no sé cómo centrar el bloque completo. Cuando cambio a "center" alguno de los elementos del código se descompone todo. ¿Podrías ayudarme?
Un saludo y mil gracias
Profeland
http://www.profeland.com
Hola Profeland,
ResponderEliminarEn esta parte del código:
#nav #nav-1 a {padding-left:20px;}
Cambia ese 20px por un valor más alto hasta que quede a la posición que deseas.
Saludos.
Mil gracias, Potro. Ya está hecho!!
ResponderEliminarProfeland
Potro, no puedo cambiar el color del menu??
ResponderEliminarHe probado de distintas maneras pero no obtuve ningun resultado, saludos
En las anotaciones en color verde está indicado dónde se puede cambiar el color del menú.
ResponderEliminarHay una que dice 'Color de fondo de la marquesina' y otras dos más que dicen 'Color de fondo del menú' esos tres son los que se deben cambiar.
hola potro tengo un inconveniente en el blog en la barra que coloque me aparece dos partes negras que quiero quitar a que cubra de lado a lado el espACIO y el otro detalle es en los botones me gustaria que quedaran distribuidos en el espacio y no me queden espacios como estan,. gracias mi blog es www.abadiadorado.blogspot.com
ResponderEliminarLa solución más rápida para eliminar esos bordes negros así como ese fondo negro de los lados es que elimines todo que que esté dentro de:
ResponderEliminar/* Tabs
----------------------------------------------- */
Ahora que, las pestañas de cualquier menú horizontal se acomoda de izquierda a derecha, es por eso que al final queda ese espacio porque ahí no hay nada que ocupe el lugar.
hola potro perdoname que te moleste pero a mi no me aparce la parte de body como hago?
ResponderEliminar¿Cuál es tu blog?
ResponderEliminarmen no puedo mover el menu con marquesina a la cabezera como lo hago? por que queda todo al final de la pagina??
ResponderEliminarpor fa ayuda
esta buenisima la pagina
gracias !
mi blog es revjoven.blogspot.com te agrdeceria la ayuda porfa !
ResponderEliminarotra vez gracias !
Pues de hecho veo que lo tienes debajo de la cabecera así que supongo que ya has resuelto el problema :)
ResponderEliminarSaludos.
Buen dia Potro:
ResponderEliminarMe interesa colocar solamente La Marquesina con esos atributos que muestra el ejemplo que das en esta entrada. He visto otras por alli pero no me convence el estilo. Sin embargo la marquesina de este menu se adapta mejor a lo que quiero. y otra pregunta es si la puedo colocar como gadget para ubicarla entre la cabecera y la entrada (ya lei como dividir esta parte) ... gracias
Listo potro ya lo resolvi. Pegue en edicion html solo la primera parte del codigo (la que pertenece a la marquesina) y luego en diseño-elementos de la pagina-añadir un gadget-HTML/Javascript, pegue solo la primera parte del segundo codigo. y ya esta. Ahora a cambiar editar a mi gusto
ResponderEliminarHola Potro. Muy bueno este tutorial!!
ResponderEliminarHice todos los pasos y ya armé y personalice mi menú, quedo 10 puntos!!! pero tengo un problema. No entiendo que es "URL del enlace". Mi menu quedó como me gusta pero cuando hago click sobre ellos me dice: No se encuentra la pagina. Ayuda por favor! gracias
La URL del enlace es la dirección del sitio o la entrada que quieres enlazar, por ejemplo, la de Google es:
ResponderEliminarhttp://google.com
hola amigo potro q tal, sabes intente colocar los codigo q arriba q indicaste...
ResponderEliminarentre en Diseño .. Edición de HTML y pegue antes de /b:skin los primeros codigos con exito,....
pero al querer pegar la siguiente parte despues de body no encuentro es te codigo body, es mas ni me aparece en el buscador a que se debe , ojo q body esta encerrado <>
Hola Joseph,
ResponderEliminarUsa las teclas CTRL + F y buscalo así <body
Es posible que tal vez dentro de esa etiqueta tengas otro código y por eso no lo encuentras pero localizándolo así verás que aparece.
Muy buena tu ayuda pero.... pero tengo un pequeño problema mira mi blog y te daras cuenta http://drgersson.blogspot.com/ si me puedes ayudar muchas gracias
ResponderEliminarLo que sucede es que lo has puesto debajo de la cabecera y en las plantillas hechas a través del Diseñador de plantillas de Blogger tienen estilos muy específicos y definidos para los gadgets que se agreguen en esa área por lo que invalida los estilos de otros menús.
ResponderEliminarpotro mira como me quedo...
ResponderEliminarhttp://borradordeblog2000.blogspot.com/
sabes yo deseo q los menus se encuentren debajo de la imagen del titulo del blog, y q el acho de estos menus sea el mismo q el del titulo...
tu crees q halla una solucion??}
por favor ayudame brother....
Debajo del título del blog no quedará bien en esas plantillas.
ResponderEliminarPara que se ajuste al ancho de tu blog agrega debajo de #menu-title { esto:
width: 940px;
Y donde dice esto:
#nav {
float:left;
width:100%;
Cambia ese 100% por 940px
gracias potro sabes hice lo que me dijiste, se achico la barra de menus, pero la primera barra quedo mas larga,..done dice aqui va el mensaje, q la barra e abajo,......ademas como le hago para todas estas barras esten centradas...
ResponderEliminardisculpa por tantas molestias sq soy muy nuevo, y creo q torpe para estas cosas
otra preguntita potro abusando de tu generosidad...hay alguna manera en q pueda copiar este tipo de plantilla??
ResponderEliminarhttp://www.sentimientoextremo.blogspot.com/
ya q me parece interesante, o alguna manera de descargarla....
o si tu conoces alguna plantilla conocida
Debajo de #menu-title { agrega esto:
ResponderEliminarmargin-left: 40px;
Luego cambia esto:
#nav {
float:left;
width:940px;
margin:0; padding:0;
list-style:none;
background:#ccc; /* Color de fondo del menú */
border-bottom:1px solid #999;
}
Por esto:
#nav {
float:left;
width:950px;;
margin-left: 40px;
margin-top:0px;
padding:0;
list-style:none;
background:#ccc; /* Color de fondo del menú */
border-bottom:1px solid #999;
}
La plantilla que usa esa persona se llama 'The Professional Template' en la red la puedes encontrar.
Saludos.
buenas , !!! antes que nada increible !! increible , estas haciendo un buen trabajo y de doy gracias !! potro una cosa estoy con mi blog,
ResponderEliminarhttp://ultrasport-team.blogspot.com/
y lo ultimo que puse en parte es lo de la marquesina que esta perfecta !!
queria saber lo siguiente
primero si el texto que va de un costado al otro se puede hacer que pase de un lado al otro
y segundo queria ver si tenes algo de como hacer para que la gente se suscriba al blog y le llege a su correo.
desde ya gracias
Hola CHE,
ResponderEliminarMuchas gracias por tu comentario.
No me quedó clara la pregunta lo de que vaya de lado a lado pues se supone que ya va de un lado al otro, a menos que te refieras a otra cosa.
Para las suscripciones por correo te dejo un enlace que explica cómo hacerlo:
http://www.fernandoplaza.com/2009/01/como-activar-la-suscripcion-por-e-mail-a-tu-blog-con-feedbu.asp
Y ya que lo tengas puesto existen otras opciones para personalizar la caja de suscripción:
http://ciudadblogger.com/2009/05/personaliza-la-suscripcion-de.html
http://ciudadblogger.com/2009/07/caja-de-suscripcion-de-feedburner-tipo.html
http://ciudadblogger.com/2010/04/aviso-flotante-de-suscripcion-al-blog.html
Saludos.
bueno lo del mail estoy en ello y creo que va perfecto ... gracias !!
ResponderEliminaren cuanto al banner , el que pusiste en tu blog va de izquierda a derecha y viceversa.
lo que yo queria es uno que vaya de derecha a izquierda y vuelva a aparecer de nuevo por la derecha y se oculte por la izquierda .
hey y gracias por lo rapido que respondes !!!
Gracias por explicarme de nuevo, ahora sí me ha quedado más que claro :)
ResponderEliminarSólo elimina del código que va después de <body> esta parte:
behavior="alternate"
Con eso dejará de moverse de un lado a otro y lo hará de forma continua.
Saludos.
te comento eso lo tengo metido en un gadget )html/javascript y dentro de el esta esta linea
ResponderEliminares hay donde lo tengo que borrar , ya que lo hice y se quedo sin movimiento
o es dentro de la edicion de html del blog ??
un saludo . maquina !!
Sí, es ahí donde lo tienes que eliminar.
ResponderEliminarRecuerda eliminar sólo behavior="alternate", si se queda sin movimiento déjalo así y me avisas para ver el código de tu blog.
Saludos.
perfecto potro perfecto !!! era eso , una cosa mas ya puestos a pedir !!!
ResponderEliminarhttp://ultrasport-team.blogspot.com/
si miras el blog no puedo quitar de debajo esos rectangulos redondeados, entre al editor de plantillas y puse transparente pero sigen apareciendo , y lo del mail ya contare . un saludo potro
Prueba eliminando todo lo que haya dentro de .post-outer {
ResponderEliminareres un genio !!! muchas gracias si señor muchas gracias .
ResponderEliminarpotro estoy con lo de la suscripcion del correo electronico y no se porque no me funciona hice todos los pasos me suscribi para hacer una prueba y cuando publico algo en el blog no llega a mi correo porque puede ser ?? un saludo
ResponderEliminarLos feeds no se entregan de manera inmediata, hay que esperar un poco, o bien acelerar el tiempo de actualización.
ResponderEliminarSaludos!
Hola de nuevo Potro :)
ResponderEliminarMe encanta la idea de la marquesina, pero me gustaría saber si has explicado en alguna entrada como hacer la marquesina sin el menú. Yo ya tengo mi menú de páginas que de momento me es suficiente pero si me gustaría incorporar la marquesina a mi blog para dar informaciones sobre promociones y demás.
Otra consulta mas, ¿Cómo puedo centrar el menú de páginas de blogger? Estoy dando vueltas y mas vueltas por la red y no encuentro como hacerlo.
Muchas gracías por tu paciencia Potro.
BIEN POTRO hice algunos cambios y perfecto !! gracias
ResponderEliminarA espensas de ser como un ladrillo en la cabeza ¿puedo hacer otra pregunta? ¿Cómo se ampliaría el ancho del menú de páginas para añadir mas pestañas y que no se cree una fila nueva abajo?
ResponderEliminarDe nuevo un abrazo y gracias por tu amabilidad.
Hola de nuevo espacio sutil,
ResponderEliminarEn esta entrada puedes ver cómo poner la marquesina nada más.
Respecto al menú, todos los menús horizontales se acomodan de izquierda a derecha, es necesario que sea así, de lo contrario no funcionarían. De igual manera ese menú se adapta al ancho de la plantilla, quizá sólo se pueda hacer que las letras de las pestañas sean más pequeñas para que de esta forma quepan más pestañas, pero no se podría alterar el ancho total pues ya ocupa todo el ancho que alcanza.
Saludos.
Muchas gracias Potro.
ResponderEliminarYa he mirado la entrada de la marquesina y en breve estará funcionando en mi blog. Pasaré a contarte los resultados.
Eres un sol, de verdad.
Un abrazo
Quisiera saber como poner varias entradas en una misma sección o etiqueta; Gracias buen aporte
ResponderEliminarMira esta entrada ALEX.
ResponderEliminarHola, otra pregunta, quiero usar este menu: http://ciudadblogger.com/2010/05/menu-horizontal-con-marquesina.html el menu queda perfecto, lo unico malo es que queda a lo ancho del blog, quisiera saber como hacer qu quede justo en la estructura y pra poner al centro las letras de el menu
ResponderEliminarMUCHAS GRACIAS DE ANTEMANO, ESTE ES MI BLOG XD http://www.codecity.co.cc/
Hola yolber,
ResponderEliminarPrimero recuerda que como se menciona al inicio de la entrada debes seguir los pasos de la otra entrada para que el menú quede como debe ser, pues de lo contrario el diseño no se podrá apreciar.
Ahora, el menú ocupa siempre el 100% del ancho del contenedor del blog, no sé bien exactamente a qué te refieres con la estructura.
Respecto a lo de centrarlo mira el comentario #85
Saludos.
hOLA Potro again!!
ResponderEliminarEstoy buscando un cuadro negro como el de esta marquesina pero sin menú. Como en la plantilla nueva que te dije hay un menu horizontal que me sirve, lo que quiero es la parte superior de este menú para que los dos blogs tengan los anuncios de la misma forma.
ES posible tener el cuadro estilo marquesina sin menú???
Gracias
Lo decía para ponerlo en un gadget justo debajo del menú que ya tengo...
ResponderEliminarComentario 121, respuesta 124. SOY TONTO
ResponderEliminarPerdona
Has encontrado la respuesta y eso es lo que importa ;)
ResponderEliminarSaludos!
Agregada...! queda buenisima la Marquecina.
ResponderEliminarPotro no logro dar con la opcion para que solo vaya hacia un lado el texto de la marquecina, ya sea derecha o izquierda, me podrias echar la mano ?
ResponderEliminarElimina behavior="alternate", en su lugar pon:
ResponderEliminardirection="right" o direction="left"
Aunque estas propiedades no siempre funcionan en todos los navegadores :/
Gracias..!
ResponderEliminarme aparece abajo de la página : http://ciclismo-sprint-final.blogspot.com/
ResponderEliminarLo has puesto en el lugar equivocado. Debe ser después de <body>
ResponderEliminarSi no tienes esa etiqueta entonces ponlo después de:
<body expr:class='"loading" + data:blog.mobileClass'>
Este comentario ha sido eliminado por el autor.
ResponderEliminarHola potro soy nuevoo asi que puede sonar un poco tonto pero segui los pasos pero el menu me aparecio abajo :S
ResponderEliminarHola R. Cano, entré a tu blog pero no vi puesto el menú :/
ResponderEliminarSi no encuentras la etiqueta donde se debe poner mira el comentario #139
Hola Potro:
ResponderEliminarSin tus consejos mi blog hubiera quedado cutre, cutre, cutre :-). Tengo un problema desde que puse el menú, que no lo quería arriba sino debajo del título, no me aparece la marquesina que no me importa, me gusta más así pero hay una cosa que me fastidia mucho arriba del todo de la página me sale un fastidioso código (expr:class='"loading" + data:blog.mobileClass'>). Me dijeron que tenía que buscar el código y ponerle delante <. No me sale el fastidioso código sino me sale otro parecido. Intenté cambiarlo por ese de arriba con el < delante y cuando le doy vista previa me da error. No se que más hacer. Te agradecería si me pudieras echar una mano. Éste es mi blog: http://aprendiendoprotocolo.blogspot.com/
Muchas gracias y un saludo.
Hola Carmen,
ResponderEliminarEse código está ahí porque alguna vez sin querer eliminaste parte de él y quedó incompleto.
Si te da error al poner la apertura, entonces elimina por completo esa línea, ahí no debe darte error.
Saludos.
Hola potro resulta que lo puse debajo de la cabecera y si sale, pero el problema es que no se ajusta, las puntas, queda como salido, mira este es mi blog de pruebas, http://smithzhitopruebas.blogspot.com espero que me ayudes, Gracias de antemano PD: mi plantilla no biene con MENUS :(
ResponderEliminarHola SmiThzhiTo, sólo veo la marquesina arriba de las entradas, y no encuentro las puntas salidas que mencionas :/
ResponderEliminar¡Hecho!, por fin me he quitado el maldito código. Muchísimas gracias Potro.
ResponderEliminarUn saludo.
Hola Potro!
ResponderEliminarComo siempre, impresionante tus aportaciones al mundo blogger. Quería poner éste menu en mi nuevo diseño de página web; pero veo que si lo hago me sale una línea gris que estropea la cabecera...es muy raro y no sé como puede salir.
Te dejo una captura del pantallazo
http://imageshack.us/photo/my-images/694/capturadepantalla201110b.png/
Si necesitas cualquier otra cosa, como si quieres acceso al blog; sólo pídemelo. Mil gracias como siempre y un saudo!
Potro; ya lo solucioné trasteando con el código; resulta que cambiando esto se soluciona:
ResponderEliminar#nav {
float:left;
width:100%;
margin:0; padding:0;
list-style:none;
background:#ccc; /* Color de fondo del menú */
border-bottom:0px solid #999;
Es decir el border-bottom lo puse 0px y así me desapareció el error. Lo pongo por si le pasaba a alguien! Un saludo!
Excelente Jaime, qué bueno que lo has solucionado y mejor aun que haya sido bajo experimentación propia :)
ResponderEliminarPotro, hay alguna manera de cambiarle el tamaño a las pestañas de este menu?
ResponderEliminarClaro Luis Enrique, debajo de #nav { puedes agregar el tamaño:
ResponderEliminarheight:40px;
Pero, como las pestañas usan una imagen para separarse también tendrías que editar la imagen; es la URL que se encuentra en los estilos del primer código.
Potro, fíjate que no pude editarlo de la manera que tu me dijistes, sin embargo encontré una manera más sencilla (luego de tranto travesear con el html)al modificar la parte de padding:6px 30px 6px 5px;. Creo que algo he aprendido de tanto leer y releer tu sitio. Saludos
ResponderEliminarPotro gracias por tu ayuda, pero también descubrí que esto se puede hacer también editando la parte de padding:6px 30px 6px 5px;
ResponderEliminarExcelente Luis, saludos y buen inicio de semana!
ResponderEliminarhola potro, me gusta este menu.... esta buenisimo..
ResponderEliminarpero nose como agregar en una palabra todos los enlaces url..por ejemplo
inicio: url de inicio
dvdrip: como agrego todos los url de todas las peliculas q son dvdrip
brrip: como agrego todos los url de todas la peliculas q son brrip
esa es mi pregunta... porq nose como hacer.. espero me ayudes de nuevo....
Hola charly03,
ResponderEliminarNecesitas agrupar tus entradas por categorías, aquí se explica cómo:
http://ciudadblogger.com/2010/06/menu-de-categorias.html
hola potro ya puse el menu pero sin la marquesina.
ResponderEliminarpero me sale una raya negra arriba del menu y quisiera subir un poco mas el carrusel para q no quedara tan abajo... se puede?
Seguramente sí charly03, pero sin saber en cuál blog lo has puesto me es imposible ayudarte :/
ResponderEliminarhttp://dvdrip-charly03.blogspot.com/
ResponderEliminarhechale un vistaso.....
y descargate una pelicula........... de regalo jajajajaja-------
Sólo elimina esta parte del código y desaparecerá la parte de arriba:
ResponderEliminar#menu-title {
padding:5px;
background:#333; /* Color de fondo de la marquesina */
border-bottom:1px solid #fff;
}
#menu-title h3 {
padding:0; margin:0;
color:#ccc; /* Color de texto de la marquesina */
font-family:Verdana, serif;
font-weight:bold;
font-size:130%; /* Tamaño de la letra de la marquesina */
}
Potro pero no me dijistes como subir el carrusel de imagenes q quedo muy abajo..
ResponderEliminarEs verdad, lo olvidé :P
ResponderEliminarDebajo de #Carousel2 { agrega esto:
margin-top:-40px;
Muchas gracias potro por tu ayuda....
ResponderEliminary pues la raya negra nose la cambie porq mi chika me dijo que le quedaba bien! asi q asi se la dejare.... y el carrusel ya lo subi ........
muchas gracias Potro eres un buen colega....
te invito a que sigas pasando ya que las peliculas tienen buena calidad..
yo solo publico peliculas en latin y dvdrip y brrip nada de Ts ni Camrip.. Gracias por tu Ayuda.. Haber cuando compro un espacio para poner mi banner en tu pagina...
Un placer ayudarte. Saludos.
ResponderEliminarhola. gracias por tus publicaciones. ayudas a muchos. con respecto a mi, hice todo como dices arriba pero el mensaje no se mueve, las letras arriba de la barra. porque???
ResponderEliminarElimina el behavior="alternate"
ResponderEliminarEse atributo ya no funciona en todos los navegadores.
Saludos.
Hola!!! Siempre tengo la misma duda...cuando se agregan los enlaces, cómo hago para que sean varias las entradas que hay que agregar en, por ejemplo, "Recetas"...se entiende? cómo se separa cada enlace o url del enlace...que creo es la url de la entrada, no? Porque no tengo problemas para hacer el menú pero cuando quiero ubicar cada una de mis entradas en, por ejemplo, recetas o chimentos o actualidad, o lo que coloque, no sé cómo hacerlo, porque no es una entrada para cada uno sino varias, entonces, cómo separo los enlaces para que queden agrupadas todas en el mismo lugar, según el tema? Se entiende? Espero tu respueta.
ResponderEliminarSe entiende perfectamente María de las Mercedes. Lo que necesitas es etiquetar tus entrada y luego enlazar a esas etiquetas al menú. Pero descuida, que aquí hay una entrada que lo explica de forma detallada:
ResponderEliminarhttp://ciudadblogger.com/2010/06/menu-de-categorias.html
Hola! María de las Mercedes, otra vez, con otra duda: si yo etiqueté con más de una etiqueta una entrada, no importa si sólo copio la url de una sola de las etiquetas? por ejemplo: supongamos que hice una entrada y le puse "Recetas con pollo, entrada con pollo, platos frios con pollo, etc" si yo a todas las entradas que hice relacionadas con "pollo" les puse primero "recetas con pollo" y después más etiquetas, si sólo hago "copiar url" pero de "recetas con pollo" no importa? es decir, quedan igual el resto contenidas en ese item del menú porque hay una etiqueta para todas igual, aunque el resto cambien? se entiende? Gracias.
ResponderEliminarBien, si tu entrada tiene varias etiquetas y sólo enlazas una etiqueta esa entrada aparecerá pero sólo en esa pestaña. Por ejemplo, a tu entrada le has puesto como etiquetas: "Recetas con pollo, entrada con pollo, platos frios con pollo". Y tienes un menú con estas 3 pestañas: "Recetas con pollo, entrada con pollo, platos frios con pollo".
ResponderEliminarSi sólo copias la URL de la etiqueta "Recetas con pollo" y lo enlazas a esa pestaña (a Recetas con pollo) entonces esa entrada aparecerá ahí, pero no en las otras dos pestañas (entrada con pollo, platos frios con pollo) porque en esas no la enlazaste.
Hola, a dónde están los código para cambiar los colores? porque los cambios con la paleta de colores html y no cambian...quizá para estas cosas son distintos los código y no sé...busqué en tu blog y encontré "códigos de colores hexadecimales" pero no me acepta el cambio...dónde lo busco? gracias.
ResponderEliminarHola,
ResponderEliminarSólo debes cambiar el código del color que quieres, por ejemplo:
#ccc;
Ese es un color gris, si lo cambias por negro quedaría así:
#000;
O así:
#000000;
Eso hice, fui a los código y lo cambié, pero queda todo negro! todo! quizá metí la pata en algún lado...primero hice el paso que si tenés una plantilla blogger, borras lo de tabs y copías lo otro, porque mi blog lo hice con blogger y no instalé ninguna plantilla, y después instalé el menu, cambié primero los colores, y cuando lo fui a instalar, era una barra negra de un lado al otro...y ahora, cuando quiero instalar cualquier menu, me aparece siempre uno abajo del otro y sin ningún estilo...así que no sé qué hacer...!!!
ResponderEliminarAcabo de volver a instalarlo, y me sigue apareciendo todos los items del menu uno abajo del otro, con un puntito negro adelante y sin ningún estilo de nada. Cambié colores y todos pero nada....ahora directamente, ni siquiera tiene forma de menú horizontal...al borrar lo de tabs, hice mal? sino no sé porqué no funciona! Espero me puedas ayudar porque ya me estoy volviendo loca....te dejo una captura de pantalla para que veas a lo que me refiero: https://lh4.googleusercontent.com/-OPQSGgKmXCA/Tuo3hDCl0YI/AAAAAAAAAaY/mJNjyC0NBqk/s800/Captura%252520pantalla%252520men%2525C3%2525BA%252520con%252520marquesina.jpg Espero tu respuesta!
ResponderEliminarSegún parece el problema está en los estilos que estás agregando. Lo más seguro es que al ponerlos estés eliminando una llave de cierre de otros estilos.
ResponderEliminarNecesitaría verlo puesto para confirmarte si es ese el problema o se trata de algo más.
Entonces? Cómo puedo solucionar el problema?? Cómo hacemos? No quiero que me quede así...mirá si después no me funciona nada...!!
ResponderEliminarSi querés, te paso mi mail y te mando una copia de mi plantilla, le das un vistazo y me avisás...a ver qué hice mal. Puede ser? acá te dejo mi email: orueta_maria@hotmail.com
ResponderEliminarSaludos!
No, no es necesario, como te dije en el comentario anterior, necesito verlo puesto, es decir, pon todos los códigos que se mencionan en la entrada, cuando lo hagas me avisas en un comentario y así ya puedo ver tu blog y saber qué está pasando.
ResponderEliminarHola! Ya está puesto! ahora no se mueve la marquesina, aparece distinto que antes...en fin...me está volviendo loca esto!!!! Avisame cuál es el veredicto! jajaja quiero probar otros menús a ver cómo quedan, pero si todo va a ser tan complicado...seguro en algo metí la pata...jaja
ResponderEliminarOtra Cosa, no configuré los enlaces, pero eso sí funciona, por lo menos me funcionó la última vez, sólo pegué lo último en html/java... y nada más, sin cambiar nada, pero por lo menos antes se movía lo de "aquí el mensaje". ahora no se mueve...en fin...menos mal que me dediqué a otra cosa! jaja
ResponderEliminarNo es complicado, sólo hay que tener cuidado al poner los códigos para no eliminar nada. En este caso lo que ha pasado es que cuando has puesto los primeros códigos has eliminado la llave de cierre de los estilos que están en .btns-compartir {
ResponderEliminarSi miras ahí verás que falta una llave de cierre, y por eso el menú no se ve. Aquí hay más info sobre eso:
http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html
En la otra parte del código quítale esto:
behavior="alternate"
Ese atributo ya casi no funciona en ningún navegador y por eso puede ser que no veas que se mueva.
Saludos.
No sé...ya lo revisé 1000 veces y sigue así...fijate...sin estilo, sin nada, pero la marquesina funciona...jaja y como no entiendo ni medio, entonces te tipo que me digas precisamente donde tengo que arreglar y qué tengo que arreglar. Gracias y perdón por las molestias.
ResponderEliminarCasi das con la solución, pues de hecho sí es el área donde agregaste una llave, pero no debe ser una llave de apertura sino de cierre.
ResponderEliminarLo tienes así:
.btns-compartir {
display: none;
margin-top:-10px;
background:#F2F2F2; /* Color de fondo del contenedor de los botones */
border:1px solid #D0C9AF;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
margin-bottom:20px;
{
Y debe ser así:
.btns-compartir {
display: none;
margin-top:-10px;
background:#F2F2F2; /* Color de fondo del contenedor de los botones */
border:1px solid #D0C9AF;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
margin-bottom:20px;
}
Mil Gracias!!! Ya se solucionó...estoy re-contenta!!! Ahora cambio un poco los colores, configuro los enlaces y listo...Quedó pipi-cucu! jaja Mil Mil Mil Mil Gracias!!!!
ResponderEliminarMe da gusto que se haya resuelto y verte feliz :)
ResponderEliminarHola potro como hago para agrandarlo osea como estirarlo por que me queda chica
ResponderEliminarHola Marcos,
ResponderEliminarMira el comentario #106, ahí verás una referencia para modificar el ancho del blog.
Saludos.
Potro no me cambio nada sigue la misma medida
ResponderEliminar¿En dónde lo has puesto?
ResponderEliminarArriba osea abajo de la cabecera y arriba de las entradas fijate
ResponderEliminarwwww.planetariverp.com.ar
No veo que tengas este menú en tu blog.
EliminarSi después lo pones, quita el script que bloquea el botón derecho para que pueda decirte qué modificar.
Hola!! Muy bueno tu blog. Oye, una preguntita, ¿Cómo hago para poner las URLs de mis secciones y entradas de mi blog al poner un menú horizontal?. Sé que hay que poner la url en el espacio que está en rojo, el problema es que no sé hacer lo de la url.¿qué tengo que copiar exactamente? Es que tengo muchísimas cosas hechas, y no quiero perderlas. Un saludo, y gracias de antemano.
ResponderEliminarHola kerenRamos Lavell,
EliminarSi quieres poner en el menú grupos de entradas que estén organizadas por categorías entonces mira esta entrada:
http://ciudadblogger.com/2010/06/menu-de-categorias.html
hola potro buenas tardes.
ResponderEliminarme puedes ayudar?tengo en uno de mis blog un problema resulta que lo veo
en la web pero no encuentro la plantilla para modificar algunas cosas en donde se supone que debe estar junto con los otros no lo veo la dirección http://gpo-morelos.blogspot.com
espero que me puedas ayudar porque le echo la lucha buscando como pero no pude te agradesco tu ayuda. G R A C I A S.
Hola jorge, ¿qué es exactamente lo que no puedes ver?
EliminarHola Potro Buen Día: bueno lo que quiero es hacer nuevas entradas
ResponderEliminarpero no veo la plantilla para hacerlo los otros blogs que
tengo si aparecen por su nombre
Hola jorge, su usas la interfaz antigua mira al final del último blog en tu Escritorio, ahí verás que dice:
EliminarMostrando X de X blogs – Mostrar todo
Da click ahí, eso es por si a lo mejor ocultaste el blog.
Saludos.
Tengo la misma duda de Mº de las Mercedes y el link que dejo no me entra,la entrada ya no esta
ResponderEliminarel mensaje al que me refiero es :
cuando se agregan los enlaces, cómo hago para que sean varias las entradas que hay que agregar en, por ejemplo, "Recetas"...se entiende? cómo se separa cada enlace o url del enlace...que creo es la url de la entrada, no? Porque no tengo problemas para hacer el menú pero cuando quiero ubicar cada una de mis entradas en, por ejemplo, recetas o chimentos o actualidad, o lo que coloque, no sé cómo hacerlo, porque no es una entrada para cada uno sino varias, entonces, cómo separo los enlaces para que queden agrupadas todas en el mismo lugar, según el tema?
El enlace funciona bien Irene, ahí está la explicación de cómo se hace para agrupar entradas por categorías y enlazarlas:
Eliminarhttp://ciudadblogger.com/2010/06/menu-de-categorias.html
hola potro puse la barra de menus en mi blog pero estaba viendo que el mensaje corre pero luego se regresa .... habrá alguna manera para que corra y luego aparezca desde el otro extremo.... es decir que no se regrese para luego volver a pasar..... espero me haya sabido explicar. gracias.
ResponderEliminarHola David, sólo quita esta parte del código:
Eliminarbehavior="alternate"