78

Menú flotante del Escaparate

Con poco trabajo podemos conseguir un menú flotante a la izquierda o ala dercha de nuestro blog, que se mantiene fijo en la pantalla mientras subimos y bajamos la página.

Podéis ver un ejemplo en este blog de pruebas a la derecha del cuerpo del blog.

[1] En primer lugar añadimos en el CSS de nuestra plantilla el código necesario para controlar el menú, y que se muestre con los efectos que queremos. Puede colocarse donde mejor nos parezca,pero como siempre os digo, ante la duda, lo pegamos justo encima de: ]]></b:skin>.

/* Scroll MenuIcon
---------------------------------------------
*/
#MenuIcon{
position:fixed;
text-align:left;
/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:0px;
margin-left:-35px;
}

* html #MenuIcon{ /*IE only*/
position:absolute;
}

#MenuIcon a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}

#MenuIcon a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}

* html #MenuIcon a img{
filter:alpha(Opacity=100);
}

#MenuIcon img{
margin-bottom: -3px;
}

* html .MenuIcon{
margin-bottom: -3px;
}


Guardamos cambios.

[2] Una vez añadido el CSS vamos a la parte de editar de nuestra plantilla y añadimos un nuevo elemento HTML-Javascript, donde pegamos el código para el menú y lo arrastramos después sobre las entradas o debajo de la cabecera:
<div id="MenuIcon">
<span>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com" rel="external" title="VOLVER AL INICIO"><img alt="Home" src="http://img114.imageshack.us/img114/5226/homeuo9.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://www.blogger.com/profile/06743611108067453905" rel="external" title="SOBRE MI"><img alt="Home" src="http://img114.imageshack.us/img114/2736/yonh9.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="mailto:lejaniaimposible@hotmail.com" title="CONTACTAME"><img alt="Contactar al Autor" src="http://img114.imageshack.us/img114/118/mailforwardgr2.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://feeds.feedburner.com/blogspot/hnBy" title="SUSCRIBIR A EL ESCAPARATE"><img alt="Subscribe a El Escaparate" src="http://img69.imageshack.us/img69/29/iconosrssea0.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/2007/01/ranking-de-comentarios-en-el-escaparate.
html" title="RANKING DE COMENTARIOS"><img alt="Comentarios del Escaparate" src="
http://img114.imageshack.us/img114/9202/yellowgelfh3.gif" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/search/label/?max-results=999" title="VER TODOS LOS POST DEL ESCAPARATE"><img alt="Entradas del Escaparate" src="http://img503.imageshack.us/img503/3457/eye1yl9.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/2007/09/me-han-nominado.html" title="GALARDONES AL ESCAPARATE"><img alt="Premios del Escaparate" src="http://img210.imageshack.us/img210/296/ganadorescomercialrn5ui0.gif" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="# " title="IR ARRIBA"><img alt=" ir arriba" src="http://img69.imageshack.us/img69/1295/flecha12zi1.jpg" class="MenuIcon"/></a>
</span>
</div>

Notas:
He puesto el código tal cual está el del Escaparate, fijaros bien donde tenéis que colocar vuestros propios datos. ¡Es fácil!

Lo que está escrito con letras mayúsculas, es el texto que se leerá cuando pasemos el ratón sobre cada uno de los iconos.

Podéis usar mis iconos si queréis y si vais a usar otros procurad que todos tengan el mismo tamaño.

Donde se lee esta frase en el código: /*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */ cambiáis los valores si el menú queda muy arriba o muy abajo. Tal cual está son los valores para ver el menú a la izquierda del blog y el gadget con el código lo he puesto debajo de la cabecera, pero en cada caso el resultado será distinto, dependiendo del tamaño del "cuerpo" del blog.

Usad la vista previa para evitar sorpresas.

Entradas Relacionadas:

78 comentarios:


p3p0

Rosa, te mereces un diez, acabo de probarlo y sale a la perfección, he eliminado algunos de los que tienes y no necesito y se ha quedado genial.
Gracias por prestar tanta ayuda a los que tenemos tan poca idea de esto.
Por cierto, he cogido tus imágenes, espero que no importe.

Un saludo.

Rosa

p3p0 que bien que te haya salido sin problemas!!
Claro que no me importa, son iconos de uso público, los he pillado en internet, así que...¡son pa tos! je,je.

Anónimo

perdona rosa pero no es que quiera darte problemas pero yo publique ese trucos primero en mi blog y te lo robe.Porque estaba mirando tu blog y vi el menu. Luego mire el codigo fuente y lo copie y puse tu misma explicacion solo que en mi blog y con algunos cambios.Perdona soy un mal blogger

Cristian

Rosa, ¿hay alguna forma de que en IE también nos siga el menú? Algo que cambiar en el código...¿?

Daniel Carrica

Rosa, me quedaron perfectos. Gracias por compartir estos secretillos con nosotros y gracias por contestar tan ràpidamente (como siempre) a mi pregunta. Ya que estamos... ¿còmo puedo agregar un borde de color alrededor de los ìconos? ¡Muchìsimas gracias!
Dani, de Tierra de la gracia.

Rosa

cristian, tal cual está tendría que quedarse fijo, el menú no nos sigue, sino que se queda fijo en la pantalla. En IE, también debería resultar, para eso lleva en el código el dato.

Rosa

Daniel, puedes ponerle borde, pero ten en cuenta que entonces los iconos han de ser exactos en sus medidas, sino se verá feo. Con mis iconos, por ejemplo, no te quedará bien, ya que al ser algunos de fondo transparente, he podido usarlos de distintas medidas. No obstante para ponerle borde es aquí
#MenuIcon a img{

añadiendo esta línea:
border: 1px solid #ffffff;

Cambia ahí el color y el ancho del borde.

Bolbo_reta

Hola Rosa! Este tipo de menú me parece muy útil, y el blog te ha quedado genial. A ver si encuentro un poco de tiempo y le hago un cambio de imagen al mio también.

Besos!

Carmen

Rosa, te he puesto entre mis premiados al blog solidario porque creo que eres una buena representación de ayuda y solidaridad (a mi me van muy bien tus ayudas) seguramente ya te lo habrán dado... pero ahí tienes el mío.

Saludos ;-)

[La Otra Agenda]

Gracias Rosa por este "truco", verdaderamente útil.
A mí me gustaría colocarlo, pero en el lado derecho del blog (si entras verás que tengo dos sidebar)
Estoy modificando el CSS pero no doy con ello...
¿Qué tengo que modificar exactamente?
Gracias mil
David

Rosa

La otra agenda, mira la posición fixed en css siempre coloca el elemento a la izda, lo que debes hacer es colocar el código para el menú en un elemento sobre la sidebar derecha y veras (vista previa) que entonces el menu se ve a la izda de esa sidebar. Entonces cambias su margen en margin-left:-35px;

Si tu sidebar mide 180px, le pones el margen en esa medida más la separación que quieras, podrías dejarlo,por ejemplo así:
margin-left:200px;

Creo que así resultará, sino me comentas...

Rosa

Carmen muchas gracias! Lo añado a mis "premios" ahora mismo.

[La otra agenda]

Perfecto. Todo bien.

Muchas gracias. Por esta y por otras veces que me has ayudado sin saberlo ;)

Joaquin Rueda

Hola Rosa y lectores: De nuevo muchas gracias, por favor sigue ayudandonos. Gracias.
He puesto en mi blog el menú y funciona estupendo en firefox, pero se queda fijo en IE. Algo he hecho mal.
Quería compartir con vosotros los iconos que yo he utilizado.
Son los Cristal Clear y los tenéis en la Wikipedia: http://commons.wikimedia.org/wiki/Crystal_Clear
Un abrazo.

Rosa

Joaquin, he estado en tu blog y está OK, tal vez sea que usas una versión antigua (por decirlo de alguna manera) de IE, la mia es la última y yo veo el menú igual que en Firefox.

Magnolia

Rosa, snif... no me resulta, puse todo tal cual lo dices, primero en la plantilla y después como elemento, cambie mis datos y algunos iconos pero no se ve...
Que pena lo encuentro tan bonito...
Ojalá puedas ayudarme..
Cariños
Magnolia.

Rosa

Magnolia, tod@s los que lo han puesto han tenido algún que otro problemilla, así que tranquila, seguro que se soluciona.

Mira, a veces las coordenadas no resultan igual en todas las plantillas, sigue los pasos, puedes probar dejándolo con mis datos tal cual está solo para saber si se ve, puede ser que al hacer algún cambio hayas hecho algo mal... Si a pesar de usar el mio no lo ves, prueba modificando aquí:

/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:0px;
margin-left:-35px;
}

A veces se queda tan abajo que si no cambias ahilos valores no se ve. Y no se te olvide, pegar el elemento sobre las entradas o debajo de la cabecera, porque sino te saldrá en el medio del blog probablemente.

Si consigues ver el mio, entonces mejor pega el código en el blog de notas para modificarlo, lo harás más cómoda.
Otra cosa, recuerda poner los iconos del mismo tamaño, aunque por un par de pixeles de diferencia no pasa nada, y no los uses demasiado grandes.

Ya me contarás...

jueves, 04 octubre, 2007

Magnolia

Rosa... con una profesora como tú difícil que algo no resulte... ya me salio y muchas gracias, cada vez está más "enchulado" mi humilde blog gracias a ti.
Saludines
M

Rosa

Ves Magnolia como no era tan difícil... ;-)

Silvia

Hola Rosa guapa, estoy encantada, lo he puesto en los dos blogs a los que he cambiado de aspecto, viene muy bien y queda bonito así que... genial.

Gracias otra vez por tu ayuda de ayer, me estaba volviendo loca con lo de la navbar.

Besos

Francisco

Hola de nuevo Rosa, y perdona que te moleste también por aqui. Tengo un pequeño problema con este truco, y es que en mi blog todas las imágenes que pongo salen con bordes automáticamente, y no se por qué. Así que las imágenes del menú salen bordeadas y no quedan bien. No me gustan mucho. He intentado añadir esta línea:
border: 0x solid #ffffff; pero aún así salen los bordes. ¿Qué puedo hacer?. Gracias

Rosa

Francisco, no se que blog es el tuyo, pero normalmente se hace así:

Busca esto:

.post img {
padding:4px;
border:1px solid #b3b3b3;
}
En border pon 0

mariajo

Estimada Rosa, llevo poco tiempo leyéndote pero quería felicitarte efusivamente por un blog con tan buenos contenidos y tan claros como el tuyo.

Nos prestsa gran ayuda a todos, y de manera desinteresada y activa: contestas siempre, y además con paciencia y con ganas de verdad de ayudar.

¡Enhorabuena!.

Yo, con lo bruta que soy para la informática, y me maravillo de que haya podido hace este menú flotante en mi blog http://mi-estrella-de-mar.blogspot.com/ , y encima personalizándolo y todo. ¡Aún no me lo creo!, jeje, qué contenta estoy ;DDD Y todo gracias a tí ;)

Te quería preguntar ya que estoy: me preocupa mucho el tema de los hackers, o de que en un momento dado me cargue algo en mi blog y no pueda recuperarlo, por qué no sé cómo se podría hacer copia de todo el blog (con enlaces, imágenes, HTML... TODO).

Cada cierto tiempo hago copia de la plantilla (donde dice "Antes de editar la plantilla, te recomendamos que guardes una copia de ella. Descargar plantilla completa"), pero en la he intentado "pegar" en un blog-borrador y no sale el blog para nada. Como mucho algún texto suelto y fuera de lugar. No sé si es que habría que hacer esto de manera distinta, o es que realmente la copia de la plantilla no sirve para nada (¿para qué sirve, pues?).

¿Hay algún programa, o algo sencillito (tipo "Cómo hacer copias de seguridad en Blogger,de la colección para torpes, de Forges" :D ?.

Muchísimas gracias desde ya, por leerme, ¡¡y vaya por delante mi admiración por saber hacer lo difícil, tan fácil!!.

¡Abrazos!

Lucía

No sé como agradecerte este blog ...

Me ha quedado muy chulo, me encanta.

Rosa

Mariajo, con la copia de la plantilla, si algo sucede, recuperas todas las entradas, algo es algo, ¿no te parece? si se pierden los elemntos añadidos, pero bueno, esos con paciencia pueden volver a colocarse.

Si la has "salvado" a tu PC y luego la has copiado y pegado, puede ser por eso que te salga "a trozos" Prueba a bajarla al PC y luego en un blog de pruebas, subela pero pinchando en "examinar" y "subir" no pegandola directamente.

Hay algún programa o web online para hacer "backups" completos (entradas y widget) prometo hacer una entrada sobre el tema ;-)

Rosa

Lucía, ya lo has hecho dejando el comentario :-) Se agradece!

mariajo

querida Rosa, ¡¡gracias por tu respuesta!!. Acabo de hacerlo como me indicas (bajar la plantilla a mi ordenador => subirla a mi blog-borrador con "examinar" y "subir" -la plantilla-borrador es del mismo tipo que la que quiero pegar para evitar problemas), pero nada: no me sale ni un solo registro. Sólo algún título de la columna de la derecha y del final del blog, que no tienen que ver con los posts, salen... Pero sin ningún contenido.

En fin, no sé si esto le pasará a más gente, o es que yo estoy haciendo algo mal, o es que tengo sueño (son las 2 de la madrugada) o es que toy tonta, jeje.

Así que ni te cuento lo que te voy a agradecer esa entrada sobre el tema, porque el tema este realmente me inquieta: me ha costado muchísimo echar adelante este blog que tengo, por diversos motivos, y también por diversos motivos si lo pierdo me daría un yuyu y además sería incapaz de armarlo de nuevo. Así que si tuviera la tranquilidad de saber que puedo irle haciendo copias de seguridad, jeje ¡¡¡SERÍA GENIAL!!!.

Un besote Rosa, y gracias mil por tu excelente labor (yo, voy ahora a "perfeccionar" mi flamante menú flamante, a ver si consigo que el último botón no se superponga al penúltimo, jejeje, que ejjj que yo soy mu perfeccionista!!! ;DDDD )

Mariajo
(http://mi-estrella-de-mar.blogspot.com/)

.: Alexia :.

Una preguntita Rosa, he estado buscando por el blog alguna entrada sobre el siguiente tema, pero como no sé como se llama "oficilamente" me ha resultado imposible encontrarlo, pero como esta entrada es lo que más se parece te lo pregunto aqui, espero que no te moleste >.<

Resulta que queria poner una imágen fija a pie del blog con lo tipico de deja tu comentario y tal, pero no sé como lo deberia hacer... sabes el código que se necesita y donde hay que colocarlo??

Gracias adelantadas, eres la mejor ^^

Rosa

Alexia, supongo que te refieres a algo así:
http://elescaparatederosa.blogspot.com/2007/03/imagen-flotante-en-blogger.html

.: Alexia :.

Exacto, eso era lo que buscaba!!!
Muchisimas gracias Rosa (^o^)

Elicita

hola muy bueno el menu
pero no me resulta sigo todos los pasos pero nada... sera porque tengo dos sidebar???... es que lo pongo donde dices y cuando veo como quedo esta ahi debajo del titulo.. porque no me queda a la izquierda??? :(
si puedes porfavor ayudarme te lo agradeceria mucho... :)


me encanta tu blog por cierto es de mucha ayuda

Rosa

Elicita, donde queda este menú a veces depende del navegador que uses para ver el blog. Prueba a colocar el elemento arriba en la sidebar izda y si es necesario modifica los valores que explico en el post.

La Shivi

Rosita querida, esta vez si que nome salió nada, a la hora de poner vista previa o de guardar, igual con cualquiera me sale este mensaje en rojo:
Declaración de variable no válida en máscara de página Información: #

y como verás soy tan burrita que no se que significa el mensaje o a cual de los tantos # q hay se refiere, y me dió miedo malograr todo

La Shivi

Rosita, lo que me temía, lo malogré tooodo!, si, como lo lees.
Anulé todo lo que había puesto para regresar a la configuración anterior y resulta que algo parece q se quedó allí y ahora no puedo acceder a mi blog como propietario, solo como usuario visitante,
Al abrirse sólo aparecen las 2 primeras entradas y cada que abro la pagina aparece en la parte superior trozos de texto q son e la plantilla, así que supongo que algo allí quedó de más como residuo del intento de colocar la barra, o sino es que se borró algún símbolo conector y por eso ya no funciona.
Y ahora ...quien podrá ayudarme!!!
http://lashivi.blogspot.com

Rosa

Shivi, que será lo que hiciste??

Mándame un email Y explícame lo mejor que puedas que hacías en ese momento, los pasos que diste, en fin, lo que puedas recordar, a ver si me hace ver el error.

¿Tratabas de poner el menú que flota?

mariajo

Shivi, sólo quería desearte que puedas solucionar el problema lo antes posible. Me pongo en tu lugar e imagino lo mal que lo estarás pasando, pues yo con mis problemas cognitivos (de memoria, atención, olvidos contínuos de lo que cabo de hacer o de lo que estoy haciendo, etc.) este tipo de cosas son algo que me asusta mucho que pueda acabar por hacer.

Te deseo lo mejor. Si se puede hacer algo, no dudes que Rosa lo hará pues por lo que he visto en las pocas semanas que llevo por aquí ayuda muchísimo (de hecho yo también he puesto el menú flotante gracias a su ayuda, y me suena que he debido hacer alguna pregunta más pero que como siempre, no recuerdo, ni sé dónde las haría, snif, jeje, como siempre).

Besos!!,

El Ultimo Polvo

muchas gracias rosa, logre introducirlo en mi blog, el problema es q me keda centrado, en el medio de la pagina y no a la izq, q hize mal??

Rosa

el último polvoCambia el elemento de sitio a ver...si lo pusiste sobre las entradas prueba debajo de la cabecera o al revés...

El Ultimo Polvo

la tenes clarita macha, jaja, keod buenazo, otra cosa, keda bien arriba, como hago para ponerla mas centrada en el blog o abajo como tu??

Rosa

Bien Diego! Ya lo he visto, está guapo, je,je.

En estas líneas del CSS que colocaste antes de ]]></b:skin> verás que pone:

/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:0px;
margin-left:-35px;
}

En el margin-top le cambias el valor, si aumentas el menu baja, yo lo tengo en 30px (para que te sirva de orientación)

Ve usando la vista previa y probando donde está mejor...

El Ultimo Polvo

ya ta rosa, la verdad sos una genia, cuando tengo alguna duda sobre blog, entro directo a tu web, siempre encuentro algo nuevo, novedoso y bonito ja, un abrazo, y segui asi de firme, saluddd

Rosa

Diego gracias, pero de genia nada, solo es que no publico nada que no haya probado antes, de ahí que suela entender los problemas que provoca tal o cúal código ;-)

Club Aldara Sport

Buenas Rosa, es mi primer comentario y es que me interesa mucho tu blog, mira he creado Menú flotante que comentas aqui pero tengo un problema que en mi blog en IE se me mete en el medio de y los titulos y la textos de la columna derecha se centran, no se a que es debido, a ver si me puedes ayudar.

Gracias
A se me olvidaba mi blog es www.clubaldarasport.com

Rosa

Club, si te vas fijando en los comentarios del post seguro encuentras alguna respuesta a tu problema, a varios les ha pasado lo mismo, y lo han conseguido solucionar cambiando el elemento de sitio.

Club Aldara Sport

Buenas de nuevo, siento ser un pesado pero sigo sin encotrar solucion el problema mio es que en la columna de la derecha se me centra todas la letras, en vez de que este justificada a la izquierda, no se por que pasa esto por que en la columna de la izquierda no me pasa.

A ver si me podeis dar una solucion.

Gracias un saludo

josema

HOLA, YA PUSE EN MI BLOH, LA BARRITA, las instrucciones me vinieron genial, un saludo.
visita mi blog:
aqui

Y mira en el boton de mi perfil, me aparece el que tienes tu, me podrias decir como poner otra imagen, un saludo de nuevo, y gracias

Rosa

Josema, tienes que cambiar la url de mi imagen por la tuya en esta línea del código:

<a style="border:0;" href="http://www.blogger.com/profile/06743611108067453905" rel="external" title="SOBRE MI"><img alt="Home" src="http://img114.imageshack.us/img114/2736/yonh9.png" class="MenuIcon"/></a>
<br/>

A su Imaginación

El menú quedo de maravilla :)

borre el comentario anterior, por que despues de postearlo, me fije en los demas comentarios y ahi salia lo que queria.

Gracias por el truco :)

Saludos.

Rosa

A su Imaginación, me alegro, gracias a ti!!

Timanfaya

Muchas gracias por este Tutotial, me ha venido de perlas, porque queria implementar un boton antijefe en bogger, y he usado tu tutorial para adaptarme mi propio boton antijefe.
Muchas gracias.
Si quieres verlo funcionar pasate por www.redblog.tk

Salu2.

Rosa

timanfaya,lo he visto, je,je.
Es un poco exagerado, el botón digo, porque las visitas (curiosas que son) andarán pinchando y se irán del blog...creo que estaría mejor algo pequeñito y de un color discreto, al menos para usarlo como anti-jefe, anti-mami o anti-lo que sea :-)

Diego

oye disculpa que moleste, pero, queria saber si me podrias proporcionar una pagina o el nombre de algun programa, con el cual pueda hacer las imgaenes asi de pequeñas como las de tu menu flotante... esque necesito unas asi, pero poes no soy muy bueno con esto y no se como hacerlas asi XD.... gracias


saludos

Rosa

Diego esas son iconos ya prediseñados, pero si quieres hacerlos tu mismo fácilmente, quizá te servirá una página de esas para hacer "favicones" ya sabes...esos iconitos que se ponen en el navegador.
Esta está en inglés pero es muy fácil de manejar:
Favicom from pics

Maestro

Ya, Rosa, había un espacio antes de un "

Mira tú por qué bobadas no funcionan las cosas. Ahora va chapeau.

Gracias, como siempre.

106,1MHZ FM LUZ

hola Rosa.
Antes que nada ,gracias por tomarte la molestia de visitar mi humilde morada y mas gracias por haberme dejado tu comentario. Me hizo muy feliz ...
una pregunta :como puedo armar un menu desplegable y colocar una imagen en cada enlace??. Desde ya muchas gracias. bendiciones para ti
ismael

maniat1k

Rosa: más de un tip de los tuyos me han dado grands resultados... este ultimo no iba a ser de otra manera... pero tengo una ultima duda como hago para que el menu flotatne este alineado con la parte gris de mi blog? te dejo el linkhttp://maniat1k.blogspot.com/ gracias de nuevo!

Rosa

maniat 1 k, en el CSS del menú, en estas líneas:
margin-top:0px;
margin-left:-35px;

Es donde has de modificar los valores para conseguir la distancia que necesites,lo que pongas en margin-top hará que el menú se vea mas abajo y en margin-left es la distancia que tendrá de separación con el borde del cuerpo del blog, ve probando y usando vista previa...

pablo

Rosa, me encantó el menú flotante pero tengo un inconveniente... mi blog es de wordpress...

Podrías ayudarme, guiarme para averiguar dónde debería colocar los códigos?

Desde ya, mis felicitaciones por esta excelentísima página y muchísimas gracias!!!

Rosa

pablo, pues la verdad es que no tengo ni idea :-X nunca he usado Wordepress, aunque supongo que no te será difícil de encontrar algo en algún blog de ayuda de Wordpress

Marga's Happy Patchwork

Rosa, disculpa pero no se si en esta entrada te refieres a poner una imagen flotante para regresar al inicio del blog.
Ya me diras lo que procede?

Rosa

Marga, es un menú que antes tenía yo en el blog.
Lo he instalado en un blog de pruebas para que lo veas:
Menu

MARGA'S HAPPY PATCHWORK

Rosa, si tan solo quiero poner la casita para que vuelva al inicio del blog que parte del código debo copiar en el elemento HTML-Javascript?

Rosa

Marga, el css tienes que ponerlo todo como está.
Y luego para el icono de la casita, esto:
<div id="MenuIcon">
<span>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com" rel="external" title="VOLVER AL INICIO"><img alt="Home" src="http://img114.imageshack.us/img114/5226/homeuo9.jpg" class="MenuIcon"/></a>
</span>
</div>

Con la dire de tu blog en el código claro...

MARGA'S HAPPY PATCHWORK

Rosa, gracias ha quedado perfecto.
Besos.

Avatar

Hola Rosa, soy Angel. Este es el primer mensaje que te escribo, pero llevo unos dias siguiendote, tu blog es una fuente de sabiduria!

Estoy empezando un blog con unos amigos y logicamente quiero ir mejorandolo, y queria empezar por un menu. Queria probar con este, por curiosidad, pero me pierdo en lo de añadir "un nuevo elemento HTML-Javascript, donde pegamos el código para el menú y lo arrastramos después sobre las entradas o debajo de la cabecera".
He visto que hay un gadget que se llama asi, pero no entiendo donde tenemos que copiar el codigo ni lo de arrastrarlo.

Ya de antemano muchas gracias por tu ayuda :D

PD. Si pudieras hecharle un vistazo al blog te lo agradeceria mucho. Se que hay bstante por mejorar (quiero comenzar por la presentacion inicial) pero alguna recomendacion por tu parte ayudaria bastante por donde empezar. Merci ;)

Avatar

Por cierto, que he visto que no te lo puse :S

El blog es http://v-vox.blogspot.com/

Rosa

Avatar, donde dice "Añadir un gadget" pinchas y se abre una ventana, allí salen varias opciones, escoges HTMLJavascript y colocas el código dentro, una vez guardados los cambios, esa gadget puedes arrastrarlo a donde lo necesites.

Mira, hecha un vistazo a este vídeo:
http://elescaparatederosa.blogspot.com/2007/01/video-tutorial-para-crear-un-blog-en.html

GuillermoZ0009

Algo Extraño Pasa....

Al cargar El Blog aparece el menu, y segundos despues cuando termina de cargar desaparece el menu... por que? :S

Gracias Rosa, espero ùedas responder...

Rosa

Guillermo Sin ver el menú colocado en el blog, no se cual puede ser el problema. He mirado en todos los blogs de tu perfil (menos el de invitados claro) y no lo he visto en ninguno.

Anónimo

no funciona en IE (MS) soloen firefox

Rosa

Anónimo Durante meses esté menú estuvo instalado en este mismo blog sin problemas...

Si usas IE6 entonces ya no te digo nada...bueno si, que actualices. :D

GOCASE

Rosa y si quiero que el menu no este en la parte izquierda sino derecha como en este blog Blog como hago??? Ademas este menu es el mismo que explicas en esta entrada???


Saludos desde Colombia!!!

Rosa

GOCASE Es el mismo menú con distintos iconos , si. Mira en comentarios anteriores que hay varias respuestas que te serán de ayuda...

Germánico

Hola Rosa, me gustaría colocar este menu "flotante" pero sin todos lo iconos, solamente quería agregarle un botón de suscripción, como he visto aquí.

Gracias por todo.

Rosa

Germánico De hecho el botón de ese blog está colocado bajo mis instrucciones :D
Veo que está interesando bastante, así que voy a preparar una entrada...

GuillermoZ0009

Hola Rosa he buscado algo en el codigo que me pueda ayudar a cambiarlo de posiscion entre Vertical y Horizontal, ( A mi me sale en Horizontal) aun no lo he logrado, si me ayudas un poco gracias

Rosa

Guillermo Es raro eso que dices... a no ser que sea algo delaconfiguración en tu plantilla... para que blog es, tienes varios.

Publicar un comentario en la entrada

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

Los comentarios están siendo moderados.

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