Imagen flotante para ir arribaPensando pensando... quizá os parezca excesivo poner en el pie de cada entrada un icono para volver a la parte superior del blog, así que la opción que se me ha ocurrido es poner una sola imagen que quede flotante en la parte inferior de la pantalla.
Variando un poquito las explicaciones de Aprender en la red he conseguido por fin exactamente lo que andaba buscando.
Una vez más nos situamos en Plantilla/Edición de HTML y expandimos artilugios. Buscamos la siguiente línea:
</head>
Y justo encima añadimos el siguiente código:
<a href='#' style='display:scroll;position:fixed;bottom:0px;right:0px;' title='VOLVER ARRIBA'><img src='URL_de_tu_imagen'/></a>
Añadimos la URL de la imagen que queramos poner, que no debe ser muy grande (lo máximo 100X100) para no descuadrar la plantilla, ponemos tras title lo que queramos que se lea en un cartelito al poner el ratón sobre la imagen, y si queremos variamos su distancia a los márgenes inferior y derecho de la pantalla en bottom y right respectivamente.
Clicamos sobre Vista Previa para comprobar el efecto y si todo está a nuestro gusto guardamos cambios y listo!
Os dejo la URL de mi abeto por si os gusta: http://img222.imageshack.us/img222/4348/arbolnavidadwd4.png
Esto lo escribe
Google despide a empleado por manifestarse contra el genocidio de Israel
Google despidió al valiente empleado de Google cloud que se manifestó
pacíficamente durante la presentación, en Nueva York, de un ejecutivo de la
sede de e...
10 comentarios:
¡aJAAA!! Te juro que tengo una entrada igualita en borradores!!! Con el árbol y todo...
Si ya lo veía yo venir...¡qué te estas espabilando demasiado!!
Ja,ja,ja!
En serio, enhorabuena! Y como dice la canción, no pares, sigue, sigue...que estás haciéndolo genial! De corazón te lo digo.
¡Un abrazo compi!
bueno.. yo pondré otar cosa..
ami la navidad ni fu ni fa..
Por san Google, Rosa, no me digas eso que me apuras!!! Nada más lejos de mi intención que entrar en tus borradores y copiarte oootra entrada antes incluso de que la publiques :$ :$ :$ En cuanto la publiques, pienso enlazarla, esta vez no como fuente sino como "inspiración"...
Parece que gracias a ti le estoy perdiendo el miedo a jugar con el HTML. Ya me atrevo a hacer probatinas. ¿Qué pasaría si mezclo las explicaciones de Rosa sobre Ir arribe en cada post con las de Bñ de la imagen flotante???
va a tener razón Gem@ cuando dice que el HTML entra poquito a poco hasta que enamora. Ya sé que es un truco tonto... pero vaya satisfacción que me dio cuando funcionó...
Trupitomanias, es lo bueno que tienen las explicaciones sobre decoración navideña, que puedes usarlas para poner cualquier otra cosa!!!
Yo misma de eso nada...voy a ser yo en tal caso quien enlace la tuya.
Y es bien cierto lo que Gem@ dice, como tu empezamos tod@s...hasta que nos quedamos "pillado@s" ja,ja,ja,.
Nadie nace sabiendo...
Ufff, pero anda que no me queda para llegar a vuestro nivel, jajajaja!!!
Eso no funciona en IE6+. Tienes tu arbol en la parte superior de tu pagina. Mucha gente utilice este codigo pero no es valido para IE.
oh, y ademas, imagines PNG no tienen transparancia en IE. Asi que se puede ver un fondo azul detras del arbol. Solo gif funciona en IE
Jeeremie, tienes toda la razón, gracias por tus puntualizaciones. Es cierto, en IE6 se ve el árbol en la parte superior centrada y además al ser PNG tiene un fondo azul clarito.
Si os ocurre lo mismo, ya sabeis las soluciones: pasaos a Firefox y usad sólo GIF :D
hay solucion para las 2 cosas fijate el blog que hise a un cliente http://recetashiper7.blogspot.com/ lo que no interpleta el ie6 es position:fixed antes era _position: static pero yo encontre como hacer que funcione en todos los exploradores enviame un correo que te paso los 2 codigos tambien para el fondo de una imagen PNG
anfelweb@gmail.com
Publicar un comentario