181

Nieve en el blog

Un lindo efecto de nieve en el blog que conseguiremos usando la etiqueta "marquee".
Podéis ver como queda de lindo en este blog.

El código se construye a partir de una simple línea:

<marquee behavior="scroll" direction="down" style="position: absolute; left: 100px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>

Esta línea de código hace que se forme un copo de nieve. Para mostrar el copo usamos un asterisco (*).
Cada vez que repetimos esta línea se forma un nuevo copo de nieve, eso si, tendremos en cuenta que si la copiamos tal cual, el copo saldrá encima del anterior. Para evitar esto y conseguir el efecto de nevada, tendremos que copiar esa línea tantas veces como copos queramos conseguir, pero modificando algunos valores:

left La distancia desde la izquierda de la pantalla, hasta donde se verá el copo caer. Aquí tendremos en cuenta ir colocando en cada línea distintos valores, por ejemplo, sumando 20 al valor anterior.
top La distancia desde la cabecera del blog, hasta el lugar donde aparecerá el copo. Si ponemos cero en todas las líneas de código, todos los copos saldrán desde arriba del todo de la pantalla.
width La anchura que ocupará el copo de nieve, en el caso de que usemos el asterisco no necesitaremos modificarla, si usamos una imagen en lugar del asterisco, tendremos que poner en todas las líneas la anchura que tenga la imagen.
height La distancia desde donde aparece el copo hasta donde se oculta. Si ponemos distintos valores quedará más bonito, pero puede dejarse el mismo para todos los copos (en todas las líneas).
scrollamount La velocidad de bajada del copo, cuanto menor sea este valor, más lento se desplazará el copo.
color El color del copo. En el ejemplo lo he puesto de color blanco, pero para un blog con fondo blanco tendremos que colocar un color más oscuro, un azul claro estaría bien (#66CCFF).

Como podéis apreciar en mi blog de ejemplo, he usado ademas de los asteriscos, alguna imagen (estrellas y copos de nieve). He tenido la precaución de buscarlas del mismo tamaño, para que resulte más sencillo armar el código.
La línea para un copo con imagen o la estrella, o la imagen que sea, sería esta:

<marquee behavior="scroll" direction="down" style="position: absolute; left: 675px; top: 0px; width: 16px; height: 90px;" scrollamount="1"><img src="URL_DE_LA_IMAGEN"/></marquee>

En cuanto al letrero de "FELIZ NAVIDAD" lo he conseguido añadiendo en el código esta línea:

<marquee behavior="scroll" direction="down" style="position: absolute; left: 500px; top: 0px; height: 200px;" scrollamount="1"><span style="color: #fff;">FELIZ NAVIDAD</span></marquee>

Una vez explicadas las modificaciones que podemos hacer, os dejo el código para mostrar la nieve con los asteriscos, que pegaremos en un elemento HTML-Javascript.
Si no queréis usar imágenes, con copiar y pegar este código, tendréis la nieve en el blog.
Si queréis usar alguna de mis imágenes (las estrellas o el copo) estas son las urls:

Estrella azul: http://img206.imageshack.us/img206/4751/16starcoldxh2.png
Estrella dorada: http://img155.imageshack.us/img155/6118/16starhotzj7.png
Copo: http://img153.imageshack.us/img153/1231/stockweathersnowrk3.png

Código:

<marquee behavior="scroll" direction="down" style="position: absolute; left: 100px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 95px; top: 0px; width: 16px; height: 60px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 115px; top: 0px; width: 16px; height: 70px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 116px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 132px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 148px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 214px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 330px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 246px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 312px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 338px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 354px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 386px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 402px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 418px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 434px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 450px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 482px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 598px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 614px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 894px; top: 15px; width: 16px; height: 260px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 630px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 646px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 662px; top: 15px; width: 16px; height: 600px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 678px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 694px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 710px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 726px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 742px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 758px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 774px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 974px; top: 35px; width: 16px; height: 160px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 790px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 812px; top: 15px; width: 16px; height: 600px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 828px; top: 5px; width: 16px; height: 610px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 844px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 860px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 876px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 892px; top: 55px; width: 16px; height: 400px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 898px; top: 65px; width: 16px; height: 410px;" scrollamount="2"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 900px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 90px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 180px; top: 5px; width: 16px; height: 570px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 206px; top: 15px; width: 16px; height: 600px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top: 5px; width: 16px; height: 610px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 409px; top: 25px; width: 16px; height: 500px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 520px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 656px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 865px; top: 55px; width: 16px; height: 400px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 370px; top: 65px; width: 16px; height: 410px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 290px; top: 35px; width: 16px; height: 460px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 425px; top: 0px; width: 16px; height: 700px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 580px; top: 5px; width: 16px; height: 570px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 306px; top: 15px; width: 16px; height: 300px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 599px; top: 5px; width: 16px; height: 610px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 609px; top: 25px; width: 16px; height: 180px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 1070px; top: 25px; width: 16px; height: 450px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 950px; top: 15px; width: 16px; height: 430px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 260px; top: 55px; width: 16px; height: 200px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 770px; top: 65px; width: 16px; height: 210px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top: 35px; width: 16px; height: 360px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 925px; top: 0px; width: 16px; height: 50px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 225px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 380px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 806px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 399px; top: 5px; width: 16px; height: 110px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 909px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 150px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 750px; top: 15px; width: 16px; height: 130px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 660px; top: 5px; width: 16px; height: 100px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 690px; top: 5px; width: 16px; height: 60px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 965px; top: 0px; width: 16px; height: 50px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 1000px; top: 0px; width: 16px; height: 50px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 1010px; top: 0px; width: 16px; height: 150px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 390px; top: 5px; width: 16px; height: 70px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 466px; top: 15px; width: 16px; height: 100px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 359px; top: 5px; width: 16px; height: 110px;" scrollamount="3"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 489px; top: 25px; width: 16px; height: 280px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 530px; top: 5px; width: 16px; height: 150px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 780px; top: 15px; width: 16px; height: 130px;" scrollamount="6"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 910px; top: 5px; width: 16px; height: 100px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 570px; top: 5px; width: 16px; height: 110px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 620px; top: 5px; width: 16px; height: 160px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 300px; top: 0px; width: 16px; height: 100px;" scrollamount="1"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 890px; top: 0px; width: 16px; height: 200px;" scrollamount="5"><span style="color: #fff;">*</span></marquee>
<marquee behavior="scroll" direction="down" style="position: absolute; left: 840px; top: 10px; width: 16px; height: 100px;" scrollamount="7"><span style="color: #fff;">*</span></marquee>

Entradas Relacionadas:

181 comentarios:


Fini

Gracias maestra. Yo he puesto la nieve en mi blog :-D

Rosa

Fini, que rápida, casi no me da tiempo a terminar de publicar, :-):-)

Mauricio

Rosa!!! Blogger ha regreado.......ya lo tengo de nuevo en español....empezaré a buscar si hicieron alguna mejora..jeje..bye!

Rosa

Mauricio, siii, yo también ando buscando :-)

Yo misma

Rosa, no me lo puedo creer, de verdad... es lo mismo y a la vez no tiene nada que ver... MIRA!!! Lo he publicado hace apenas 5 minutos...
Jajajaja, vamos a tener que compartir las agendas...

Rosa

Yo misma, ja,ja,ja, ¡Por Dios!

También tenía ese, pero decidí que como es algo para unos días solamente, este sería más fácil de retirar luego...ya sabes, a veces cuando borramos algún script queda algún trozo y luego vienen los problemas...

Siiii, voy a tener que consultarte antes de publicar, ja,ja,ja. :-)

tutiosidro

Sinceramente te tengo que estar agradecido de un modo enorme.
Si no te descubro a ti no se como podría añadir cosillas al blog, me habría quedado como el que tenia antes...
De veras, uno que no tiene ni idea de estas cosas ha de agradecer las explicaciones tan claras que das.
Gracias mil...
Un saludo.

Fofo

Rosa, donde lo pego exactamente?. Para mi en un elemento HTML- Javascript, es mucha tele y necesito más precision. Soy demasiado novato en esto.
Gracias

La Blogueria

Rosa, ¡Felicidades, queeeeeee bonitoooo te quedó! Un detalle precioso para poner estas fechas en el blog...

tutioisidro

Fofo creo que lo puedes colocar donde desees.
Yo hice varias pruebas en diferentes lugares y daba lo mismo.
Un saludo.

Fofo

Gracias.Pero a mi no me sale. se me pone todo en blanco.
saludos

Rosa

Fofo, se coloca igual que has colocado el widget del árbol, por ejemplo. Tutioisidro tiene razón, va en cualquier sitio...

Rosa

La bloguería, muuuchas gracias, compañera! ;-)

Rosa

Tutioisidro, gracias a ti por tus siempre amables comentarios!

MAMC

Nunca dejas de sorprendernos Rosa.
Gracias por todo.
¡Feliz Navidad!

Fofo

No puedo, no puedo, BUAHH!!
Me voy a edicion de HTML, editar plantilla, lo pego y nada. Necesita álgo más?
Yo el arbolito no lo puse, seguí las instrucciones y se puso solo.
Gracias soys maravillosos.

Rosa

Fofo, vamos paso a paso:

1- Copias el último código de esta entrada, entero.

2- Vas a tu panel de Blogger y pinchas en diseño.

3- Ahí ves la parte de tu plantilla que parecen cajas.

4- Arriba a la derecha ves una línea de texto que pone "Añadir un elemento de página" Pincha ahí.

5- Se abre una ventana con varias opciones, donde ves HTML/Javascript, pincha debajo en "añadir al blog".
Pega el código dentro y guarda los cambios.

Fofo

Está precioso, mil gracias. Eres un encanto. Gracias por tu paciencia. Estaba totalmente perdido.

Rosa forever.

Fofo

Está precioso, mil gracias. Eres un encanto. Gracias por tu paciencia. Estaba totalmente perdido.

Rosa forever.

Rosa

Fofo, no pasa nada, a veces nos obcecamos con la cosa más simple.
Ya veo que has sabido enseguida retirar la imagen de fondo ;-)
Ha quedado mucho más "fino" y fácil de leer.
Y no te preocupes, cuando no entiendas algo, insiste, je,je, es la forma de comprender las cosas, no darse por vencido.
¡Un abrazo!

manu

Gracias Rosa esto era lo que estaba yo buscando ,ya adorne mi blog gracias a ti .Un saludo

anita

!!Que bonitooooo¡¡ Gracias Rosa, me encanta el efecto.

Muchos besos

Fernando

Rosa
Quisiera diceñar mi propia plantilla.
Quiero tener un fondo blanco donde se muestra las entradas y alrededor un fondo negro.
Asi como usted lo tiene solo q con los colores q le mencione.
O sabe de algun sitio donde pueda aprender como se diseña una plantilla?
Gracias

Rosa

manu, que bien que te sirvió, gracias a ti!

Rosa

Anita, te quedó chulísimo con estrellas y copitos ;-)

Rosa

Fernando, pues no, lo siento, no se de ningún sitio especial para eso.
Yo fui aprendiendo aplicando cosas y probando...

Yo!

Hola Rosa, explicas muy bien de verdad, ya lo puse en mi blog. Mil gracias!!!

Azul...

A mi me nieva de medio lado, pero me nieva!!!! (no hubo forma de enderezar la nevada, jamía, pero ya sabes que yo soy de madera para estas cosas jajajaja)

besoooootes!

Palomas

Hola Rosa!!!, hice una entrada en mi blog, de cómo armar el arbolito y el pesebre, junto a los niños...recomendé para el árbol con cuenta regresiva...ahora tienes montones de bellezas...un abrazo y besos.

Electr0X Zer0

Rosa esta muy bueno el efecto de nieve,pero tengo una duda mas te agrege al msn para ver si andaba conectada pero no tube suerte.

Mira mi duda es que si le puedo poner efectos de maximizacion de ventanas al blog :D


Saludos!!

Rosa

¡Yo! Muchas gracias! Te quedó lindo ;-)

Rosa

Azul, niña, algo has hecho mal...te sale abajo de la página la barra de scroll, le has puesto mal las medidas a los copos, creo.

Mejor retira el elemento y solo copia y pega el código completo que está al final de esta entrada.

Rosa

Palomas, vi la entrada, ¡muy linda!
Te dejé un comment ;-)

Rosa

Electr0X Zer0, mira, lo siento pero no agrego a nadie al msn, tienes que entender que sería un caos para mi...a diario me llegan montones de solicitudes...me volvería loca con tanta gente.
De hecho, no me conecto nunca, solo lo uso para el recibo de emails.

En cuanto a lo de maximizar las ventanas...la verdad, no se exactamente a que te refieres...

Nefert-Ivi®

Rosa necesito consejo de la experta. Yo quiero poner nieve en mi blog, pero con variociones necesarias, ya que mi plantilla es blanca y la nieve en blanco no se vería. Lo malo es que yo de html no sé nada de nada y tengo miedo a meter el "zapato" si cambio el código de color. Por eso, me gustaría preguntarte si me puedes indicar las modificaciones que debo hacer para poner nieve gris claro (lo más parecido al plata), con las estrellas azules (sólo) y el rótulo de feliz navidad que tú tienes. Disculpa por pedirteque trabajes para mí, pero es que prefiero no estropear el código al hacer cosas sin saber lo que hago. Pero sólo si puedes y no te supone mucho trabajo, ¿vale?. ¡Gracias!. la verdad es que tu blog es esencial para los simples usuarios, que no tenemos ni idea de crear :-) Además tiene algo que lo hace diferente a todos y es que todo lo que cuentas ¡SE ENTIENDE! :-D

Rosa

Nefert, en cuanto pueda te lo preparo.
Te lo mando al email que tienes en el perfil de tu blog ¿OK?
Qué sería muy largo el código en un comment. :-)

Carlos Soler

Simplemente genial, no iba a decorar el blog, pero lo has puesto tan fácil. Salud.

Rosa

Carlos y te ha quedado muy guapo, porque a pesar de tener el fondo blanco, los copos resaltan en tu imagen de cabecera y quedan muy bien :-)

Gem@

Tengo que felicitarte el efecto es estupendo y queda muy fino con esos copitos diminutos.
Está genial
Voy a mandarte a una amiga que busca nieve para su blog ;)

Abrazos.

Azul...

Eso hice, Apañá, copie tu código tal cual y lo puse (ni pensar en construirlo yo sola, aunque me habría gustado ponerle copos azules :)... nieva, pero de lado, no hay quien lo enderece (como a mi jaja), pero vaaale, lo intento de nuevo y te cuento!

besooootessssss

Azul...

Te juro por snoopy que hice todo, tal cual lo explicas en el post y siguiendo los pasos que en un comentario le hiciste a Fofo... y sigue nevando de ladooooo :D

no way!

Rosa

Azul, te creo, te creo, je,je, más que nada por que ya he visto el error, y resulta que es mio, :-$
En la Rounders sino tienes la posibilidad de añadir más widget en el header, hay que añadirla antes.

Mira, busca esto en tu plantilla sin expandir artilugios:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Y donde dice maxwidgets='1' cambia el 1 por el 2.
Guarda cambios y luego arrastra el elemento donde está el código de la nieve a encima de la cabecera.

Rosa

Mil gracias Gem@ :-$

Nefert-Ivi®

Gracias Rosa, pero no te molestes por mi culpa, me basta sólo con que me indiques dónde debo cambiar las cosas y ya :-D
¿Ves cómo eres útil?. Todos estamos de acuerdo ;-)

Rosa

Nefert, ya es igual, tengo el código, te lo mando, ya me dirás que tal...;-)

emigasei67

Hola Rosa. Me encanta este post. Si me das tu permiso lo copio en mi blog y ya te he agregado. Gracias y salu2...:)

http://emigasei67-elrastreador.blogspot.com/

Rosa

emigasei67, no necesitas mi permiso, lo que hay aquí es para compartir. :-)

Un saludo!

Nefert-Ivi®

¡¡¡YA NIEVA EN MI BLOG GRACIAS A LA GENIA!!!. Te has molestado demasiado, Rosa, pero te lo agradezco un montón :-) De paso te he promocionado por mi red de contactos con blog para que te enlacen y creo que ya tienes nuevos fans :-D
Besos

Rosa

Pues...¡Muchas gracias Nefert!

emigasei67

Muchas gracias Rosa.....Salu2...:)

http://emigasei67-elrastreador.blogspot.com/

Azul...

El caso es que venía contarte que en el blog de mi hija sí funciona, y me encontré tu comentario. Más asustada que nada hice lo que indicaste ¡y ahora sí nieva!!!! Yupiiiiiiiiiii :)

Un besote y muchisisisisisisísimas gracias, Apañá y Paciente!!!!

(o=

.: Alexia Stark :.

Muchisimas gracias Rosa, es exactamente lo que estaba buscando, eres la mejor! (-^o^-)

Saludos desde l'Univers ^^

Kelossenvi

Hola Rosa:
En primer lugar, te felicito por este gran blog que tienes...
¡¡Enhorabuena!! =)
Muchas gracias por poner este código para que nos nieve en nuestro blog, pero yo tengo un problemilla y no se a qué se debe...
Yo lo pongo como elemento de página y eso, y se ve, pero solo en las dos columnas de la derecha que tengo, es decir, que no se me centra...
¿Sabes de qué puede ser?
Mientras lo voy a quitar, porque así no tiene gracia...

Muchas gracias por todo xica,
un beso,
xaito

[EBK] El Blog de Kelossenvi

Kelossenvi

Am se me olvidaba...
Por supuesto ya he puesto tu banner en mi blog jiji =)
Un besito Rosa
Xao

Ana

Gracias, como siempre, que bonito!!!

Rosa

Alexia y Ana, me alegro que os quedara bien! :-)

Rosa

kelossenvi, mira en los comentarios anteriores, a Azul le pasaba lo mismo, puede ser el mismo caso...en tal caso, ahí está la solución.

Kelossenvi

Eiii muchas gracias Rosaaa...
Te comento rapido que me voy pa la facultad y voy a llegar tarde jaja

No se me ve la nieve en toa la pagina pero es porque la cabecera la tengo puesta de fondo, pero bueno, no me disgusta el efecto que le hace al título jeje

Muchisimas gracias por tu ayuda, un besito

Xao

Canilla_

Buenas, emos pillado tu codigo (muy bueno por cierto) para nuestro blog.
Nos a qedado bien pero siemrpe queremos un poco más. Intentamos poner el logo de nuestra asociacion bajando justo debajo de Feliz Navidad.
No sabamos como hacer, hemos probado pero no sale, no se si es porq la imagen es demasiado grande (45px x 43px)
Weno, no se si podras ayudarnos, pero de todas formas gracias por tus ayudas.

www.jovenesnomenome.blogspot.com

Rosa

canilla_ ya veo, ya, que no os conformáis, ;-)
Habéis tenido suerte conmigo, je,je, porque me encantan los retos y, además, tampoco me conformo con cualquier cosa...

Eso que queréis tendremos que hacerlo en solo una línea, para que el logo y el texto desciendan sincronizados.
La línea a añadir sería esta:

<marquee behavior="scroll" direction="down" style="position: absolute; left: 500px; top: 0px; width: 150px;height: 200px;" scrollamount="2"><span style="color: #fff;">FELIZ NAVIDAD</span><img src="URL_DEL_LOGO"/></marquee>

Fijaros en el width: 150px; es el ancho que tendrá la imagen o el texto, es decir, si el logo tiene 43px, como es menor que el texto, hemos de incluir el ancho del texto, yo he puesto 150 que es es El ancho que ocupa "FELIZ NAVIDAD", La imagen del logo quedará debajo del texto y centrada con este.
Vosotros como tenéis más texto, tendréis que probar a encontrar el width más adecuado.
¡suerte!

efecinco

Hola rosa! He intentado ponerlo en mi blog, pero me salen de la mitad del blog hasta la derecha. ¿Qué puedo hacerlo para moverlo todo hacia la izquierda y que me quede centrado?

Mi dirección es: http://melanios.blogspot.com

Canilla_

Prueba superada...
¿Sabes cual era el problema?, te vas a reir. Pa imgen que estabamos intentado porne tiene apellido .pds en vez de png.
Weno superado esto y despues de unos cuanton intentos a quedado como queriamos.
Probamos de la forma que nos digiste, pero salia la frase y despues el logo. LO hemos hecho aparte las frases y los logos dandale distancia entre ellos.

Otra preguntita, sabemos que se ve distinto en portatiles de 15.4" y en pantallas normales.
¿tiene arreglo esto?

Gracias por todo

Rosa

Efecinco, holaa!!
Mira en los comentarios del post, creo que tu problema es el mismo que tenía Azul...

Rosa

canilla_ es cierto, se me olvidó colocar un <br/> entre la imagen y la frase, para hacer un salto de línea...

Depende de las medidas, sobre todo en el left: que en este caso (nieve) supera el cuerpo del blog (900px) en algunos copos y en el logo que colocasteis. Para que se vea optimo en distintas resoluciones, no debería pasar de los 900px, pero entonces, el logo estaría sobre el texto del blog.

acti-mel

Nada, me sigue pasando lo mismo xD
En fin, no pasa nada, gracias de todas maneras :)
Un saludo!

Rosa

acti-mel...¿que es lo qué te pasa?

Milagros Sánchez

Buenas noches Rosa, te agradezco mucho tu idea sobre la nieve y de hecho ya la colgué en mi blog.
Lo que me faltan son las estrellas de colores, pero como soy poco experta en estos temas no sé bien cómo tengo que insertar esos códigos dentro del otro de los copos.
Besos y ya tienes a otra fans!!

Azul...

Rosa de mi corazón, la foto que tengo en la cabecera y que era, al menos, 3 veces más grande lo que se ve ahora, hoy ha amanecido encogida ¿se deberá a la doble cabecera o que a Blogger le ha dado por ahí??? Cuando puse la nieve la foto no se vió afectada, hasta ahora (esta mañana estaba ancha y enorme como siempre)

Un besote!

Rosa

Azul, wapisima, hoy me han llegado ¡13! emails con el mismo problema, es más, en mis "cabreos" me ha pasado lo mismo, mi cabreada con la cabeza cortada aggggg!!
Estoy segura que es cosa de Blogger y lo que es peor, no fui capaz de dejarla bien. Por lo que veo solo pasa con las imágenes que se suben a Blogger con el "examinar". He tenido que aplicar la imagen directamente en el html de la plantilla.
Es como si al subirlas con Blogger, estas se adaptaran a la altura original del header.

Gabi

hola soy Gabi te doy las gracias por la ayuda que me das con lo que pones aqui porque no tengo ni idea de esto y con ello he aprendido a hacer algunas cosas y te doy las gracias de verdad.

Rosa

Gabi gracias a ti por pasar y comentar, me alegro que te sirvan de ayuda mis cosas. ;-)

Querida Venezuela

Rosa, gracias linda por toda tu ayuda para mejorar nuestros sitios. FELIZ NAVIDAD Y FELIZ AÑO NUEVO 2008!!!

Victor

aaa vale ya graciass. Otra duda, he puesto en mi blog lo de la nieve pero me sale un espacio muy grande, eso se puede icultar de alguna manera??

visitalo a ver k te parwece

www.elrincondelviti.blogspot.com

Begotxu

Hola Rosa , yo ya ando buscando cositas de Navidad y me encanta los copos con las estrellitas y todo , pero lo estoy poniendo en mi blog de pruebas y me queda horroroso , me podrias facilitar tu el codigo con todo incluido que tienes en el otro blog ????????'

Gracias , guapisima

Rosa

Begotxu , por favor podrías enviarme un email, así te lo devolvería con el código, es demasiado extenso para ponerlo en un comentario.

Begotxu

begogz@msn.com

Gracias , guapa

Muaksssssss

Begotxu

Gracias Rosa , ya lo he recibido y lo he puesto en mi blog de pruebas esperando a quese acerque mas la Navidad

Muakssssssssss

Peregrina

Holaaaaaaa Rosa:

Te he dejado otra consulta en el apartado de los fondos navideños pero ahora me he dado cuenta de una cosa.
Resulta que yo he puesto la nieve, de todos los tipos y colores modificando tus códigos y ¡¡genial!! Pues desde mozilla se ve estupendo pero me he ido a abrir mi blog desde internet explorer (por el problemilla con los fondos) y me he dado cuenta que desde ahí los copos se ven cuadrados... como si tuvieran un fondo :( ¿se puede solucionar? La mayoría de la gente usa el explorer.

Ya me pasa con un hada que tengo de mascota en el blog, solo lo ven los que tienen mozila.

Gracias, espero tu comentario cuando puedas para ir dejando mi blog listo para las navidades.

Besitos

FILÁ NOSOTRAS

Hola Rosa ya veo que eres magica, he puesto tu codigo de nieve en el blog por medio de una entrada, se puso enseguida pero las demas entradas quedan muy por debajo de esta y se ve el blog casi vacio.
me podrias ayudar?
porque he intentado poner un fondo de los que has puesto y fue inutil me da un error, perdona pero soy novata

Rosa

FILÁ, el código no está bien añadido en una entrada, normalmente muchas de estas cosas en las entradas surgen problemas de ese tipo...

Tienes que añadirlo en "Diseño"-"añadir un Gadget" -"html-javascrip" para que no se vea mal el blog como te ha pasado.

En cuanto a lo del fondo, si lo has hecho correctamente tendría que salir...no obstante necesitaría ver como lo has puesto para encontrar el error.

Rosa

Peregrina, el problema en IE son las imagenes en fromato .png sobre todo en IE6 no se ven, o se ven con fondo blanco.

FILÁ NOSOTRAS

Rosa y de donde saco este un Gadget" -"html-javascrip" yo no se como ponerlo

FILÁ NOSOTRAS

ya esta Rosa, gracias, gracias y gracias

Rosa

FILÁ ¿ves? no era tan difícil...

Game Of Killer

Hola muchisimas gracias por el dato he me ha servido de muchisimo pero hay un problema no me aparece ni el rotulo de FELIZ NAVIDAD ni tampoco me aparecen todas las estrellas ke diste solo me aparece el copo de Nieve grande y los pekeños me podrias ayudar???? graxias www.gameofkiller.blogspot.com

Rosa

Game Of Killer , es que es así...aquí explico más o menos para la "nieve" sola.
Si quieres puedes mandarme un email y gustosamente te envío el código completo que estoy usando en el blog de pruebas que has visto:-)

HDfan

Hola Gracias por tu respuesta, pero no pude hacerlo, le daba parse y no pasa nada me daba error, cuando agregaba el codigo... si no es molestia me mandas el codigo correcto si tiene tiempo, para poder agregarlo a mi blog,..gracias por tu ayuda!

Rosa

HDfan, el código de la entrada es correcto.
Otra cosa es que quieras el que está en mi blog de pruebas (que es el mismo con algún añadido), entonces tienes que mandarme tu a mi un email antes.

MARGA'S HAPPY PATCHWORK

Hola Rosa, estaba preparando la navidad, y he puesto la nieve y me queda muy bien, pero me gustaria poder poner tambien los copos, pero no se que codigo tengo que poner, he intentado copiar la imagen desde la web que has indicado para subirla a mi alojamiento de imagenes, pero no me permite copiarla.
Por favor ¿como lo hago?

Rosa

MARGA, mira en esta entrada de mi amiga 'yomisma' tiene varios copos para usar:
http://meta-microcosmos.blogspot.com/2007/12/navidad-nevando-en-tu-blog.html

MARGA'S HAPPY PATCHWORK

Gracias Rosa, ya tengo los copos, ¿cuantas veces tengo que copiar la linea dentro del codigo final que has proporcionado?¿sustituyo lineas o bien las agrego?

Rosa

MARGA, cada línea es un copo, así que tantas líneas como copos quieras habrá que añadir.

MARGA'S HAPPY PATCHWORK

ufff!! lo veo demasiado complicado para mi, he enganchado el codigo en una hoja de word, para hacerlo con detenimiento y el codigo ocupa 5 hojas, demasiado largo para conseguir analizar y entender lo que hago, de todas formas muchas gracias.

Merluza

Gracias rosa !! lo voy a implementar en el bolg para estas fiestas

Saludos!

Rosa

Merluza , ya me contarás como ha quedado;-)

Peregrina

Hola:

Rosa, si cambiara la imagen por una jpg, ¿se verían bien tanto en explorer como en mozilla? ¿Saldría igual la nieve? No quisiera que se me extropeara.

Yo he modificado algunas cosas, por que no me gusta que la nieve solo se vea un trozo. Lo he alargado por todo el blog jejeje. Aun lo tengo que pulir por que me ha quedado un poco saturado.

Gracias

Rosa

Peregrina, por un jpg o por un gif, si, tendría que verse...

paqui

Rosa te mando mi email para que me mandes el codigo del blog de pruebas, he puesto este en mi blog pero no sale las estrellas de colores.
Gracias, besicos

paqui

Rosa, no encuentro tu email por ningun lado

paqui

Perdona, ya lo vi

Neru

Teruel, Teruel. ¡Qué frío pase una vez que...! La nieve pasa de largo. Sólo queda un frágil hielo en los cerrados y collados. Hasta Sierra Camarena no viste grandes mantos blancos. Y yo, sin ver nevar. Y yo, sin tocar la nieve. Y yo,sin jugar con ella.
Me conformo con verla en mi blog. La esperaré y entonces la apretare en mis manos para que no se vaya más.

Neru

Oh! Tampoco puede la nieve quedarse en el blog porque "congela" los dos primeros post y el reproductor de música y no reaccionan. Otra vez será...

Rosa

Neru, vaya:( ¿Y si reduces el heigh: para que solo llegue al final de la cabecera?...trabajo de chinos, eso si.

Neru

¡Ya nieva en mi casa! El hada madrina me ayudó. Si no te lo crees que nieva, entra por mi balcón y verás. Gracias, Rosa.

Rosa

Neru, voy "pa ya" corriendo a ver la nieve:D

paqui

Ya lo puse, gracias
besicos

Alextremocanario

Hola Rosa, me gustaria poner el feliz navidad mas grande, ¿como lo hago?

Rosa

Alextremocanario, en esa línea del código lo pones así (cambias 40px por el tamaño que quieras):

<span style="color: #fff; font-size: 40px;">FELIZ NAVIDAD</span>

Solete

¡Hola Rosa!

¿Puedo poner los copos, las estrellas azules y feliz navidad todo a la vez? Es que no lo consigo, sólo puedo poner los copos.

Otra cosita, he cambiado el color del fondo de las entradas, pero la parte donde dice quien hace la entrada y demás, no se ha cambiado, ¿cómo lo puedo cambiar?

Mi blog:

http://dedalessoleteyjoaqui.blogspot.com/

Saludos y muchas gracias. ;)

Alextremocanario

Hola Rosa, muchisimas gracias por tu ayuda, es genial lo que haces.

Alextremocanario

Disculpa Rosa que vuelva a molestar pero me he dado cuenta de que hay una franja de mi blog en la que no nieva, y no se exactamente donde tengo que tocar para que lo haga, ¿podrias hecharme una mano? MUCHAS GRACIAS.

Rosa

Alex, eso es precisamente lo que explico en la entrada, cada línea es un copo de nieve así que puedes añadir más líneas para cubrir los huecos que dices, controlando en cada línea nueva que

left La distancia desde la izquierda de la pantalla, hasta donde se verá el copo caer. Aquí tendremos en cuenta ir colocando en cada línea distintos valores, por ejemplo, sumando 20 al valor anterior.

Rosa

Solete, pues yo he visto una estrella en tu blog.:D
Si quieres mandame un email y te paso el código de mi blog de pruebas con todo incluido.

Para lo del color localiza esto en tu plantilla:
.post-footer {
Justo debajo hay una línea con el color que quieres cambiar:
background: #577;
Cambia ese código: #577 por el del color que quieres para esa parte.

Solete

¡Hola Rosa!

Ya solucioné lo del color y tienes razón una estrella sí hay, pero después de varios intentos me hice un lío y ya no sé como la puse ja ja ja una, que a veces se pone un poco ceporrilla :D:D:D

Mejor te mando un mail y si haces el favor me envías el código ¿vale?

Anónimo

Gracias

GOMERAACTUALIDAD

Rosa, te felicito por este blog, el cual nos sirve de mucha ayuda para los que estamos pez, en esto de los codigos y diseños de blog.
He puesto el efecto nevada y el resultado me parece bueno.
Gracias y un saludo

Syl

Gracias Rosa! siempre poniendo cositas faciles y moninas!! ;)

Jose Luis

muchas gracias, ya tengo navidad en mi blog, y gracias a ti.

Angel M.

Gracias, yo ya he puesto la nieve en el mio, soy novato en esto y estoy aprendiendo y con gente como tú es mucho más fácil.
GRACIAS
www.amigosdelabodeguita.blogspot.com

Anónimo

Hola Rosa, te sonará un poco a risa esto que te voy a contar pero es cierto.
tengo un problemilla con la nieve....vamos, que no se quitarla de mi blog jajaja,.
ahora en invierno pasa desapercibida, pero en primavera...no tanto jajaja.
Te ruego me ayudes, he eliminado codigos en body, al final de la plantilla, pero me da error.
No quiero contratar un quitanieves...por favor, ayúdame, muchas gracias.

Rosa

Anónimo, si has puesto la nieve como en esta entrada, al retirar el código fijate que lo que eliminas empiece con <marquee y termine con </marquee>
Si te da error igual es que te dejas algo o quitas lo que no es.

Bonzu Pipinpadaloxicopolis III

También se puede usar una Estrella Arábiga ٭ (No es un asterisco aunque paresca). En otras fuentes de letra luce mejor.

Rosa

Bonzu :$:$ yo siempre lo llamé asterisco :O gracias por la corrección:$

Bonzu Pipinpadaloxicopolis III

No Rosa esos son dos simbolos diferentes, muy similares, podemos agregar este otro ⁂ .
Con un tamaño mas grande se ven tres signos parecidos a copos de nieve, pero diferentes:

<span style="font-size:30px;">&#8258;*&#1645;</span>

Chécalo en el editor de blogger.

Rosa

Bonzu Checado!!! Muchas gracias.

BeTina

Hola Rosa... estaba colocando unas hojas de otoño en mi blog (BeTina) y la verdad que tu código me sirvió como guía para las hojas. El único problema es que me deshabilita la barra superior que utilizo para entrar al escritorio, editar entradas, etc. puede suceder esto?

Abrazos y como siempre... gracias por tus consejos :-)
BeT

Rosa

BeTina Si, eso puede suceder con la etiqueta marquee...

¿Has visto esta entrada?:
http://elescaparatederosa.blogspot.com/2008/09/acceso-al-panel-de-blogger-desde-el.html

BeTina

Rosa, Ok!! Si!! la había visto a la entrada... pero ahora me la recuerdas :-) (estoy suscrita a tus entradas) :P
Lo chequee en IE y no sucede... solo en firefox.
Pero quedaron lindas las hojitas :D de todas maneras... las programé para que desasparezcan antes del texto de la entrada para no sobrecargar demasiado visualmente.
Te mando un beso!! y una hojita de otoño austral :-)

BeT

Luis Fernando Gonzalez Llinás

Hola Rosa, a pesar de seguir siempre muy de cerca tus fabulosos trucos, es la primera que comento. Me ha parecido muy bonito y lo implemente en mi blog, ya que se acercan las fechas ideales de tenerlo. Quedó bastante bien y parece muy natural...!!!GRACIAS!!!. Sin embargo me gustaría cambiarle unos detalles e imploro tu ayuda.
El ancho del fondo y los márgenes se me ampliaron y hay nieve cayendo donde el "vecino". No ha podido encontrar la linea del código de copos para quitarla(mi ancho es de 975 y no veo Height que se acerque a ese valor). El otro detalle es que cambié el FELIZ NAVIDAD por una imagen-enlace y me gustaría que al pasar el mouse por allí se detuviera la marquesina. Si te es posible y le das una miradita, haber si tiene solución.
Y por último, tengo un regalo sorpresa con una imagen gifts animada de un osito y que no he podido dejar debajo del árbol de navidad...pues cada vez que lo hago se pierde el efecto de enlace que tiene. No se si es porque se superpone con la imagen enlace de arriba y se anula el efecto de enlace. Al cambiarla de sitio lo recupera.
Aunque realmente me gustaría que la S lo colocara en la copa del árbol(aún allí no he probado)
Saludos.

Rosa

Luis Fernando Gonzalez Llinás Creo que está bastante explicado, lo mejor que he podido en realidad, los cambios que pueden hacerse al código de la nieve...

Web Master

Gracias Rosa,muy util para la navidad,,www.nuevayoresblogs.com

Beatriz Marriaga

hola rosa el año pasado tenia la misma plantilla que ahora y coloque los copos de nieve pero este año no he podido no encuentro el marquee en la plantilla como agrego la nieve

Rosa

Beatriz Marriaga Tengo dos formas de añadir la nieve en mi blog, quizá utilizaste la otra el año pasado...

De todos modos,para incluir esta, no necesitas encontrar nada... solo has de colocar el código de la entrada en un gadget HTML.

Eli & Pao

Rosa,te agradezco un montón!!..
Estaba en pleno proceso de adornar el blog y la nieve la tenía en mente... gracias a ti fué posible.
Te felicito nuevamente ,tus explicaciones son precisas y me han ayudado mucho, ya soy una habitual visitante de tu blog.
Gracias!;)

Abadesa

Gracias queda precioso :D

CoNtRoLatino

cool! rulan los copos de nieve! :D

gracias desde lo mas profundo de donde se supone que deberia tener mi corazon (en cambio hay nebulosa azul, no se porque xD)

como ultimo favor te pido me digas como colocar una imagen al lado de la barra de desplazamiento (como la flecha que tienes tu)

saludos y de antemano gracias! (denuevo)

Controlatino.Blogspot.com ;)

Rosa

CoNtRoLatino Gracias por un comentario tan bonito :D ¡me encantó!

Has dos sistemas para colocar un "ir arriba" mira cual te va mejor:
http://elescaparatederosa.blogspot.com/2007/11/volver-arriba-en-cada-post.html

http://elescaparatederosa.blogspot.com/2009/04/volver-arriba-con-efecto-deslizante.html

CoNtRoLatino

oohhh genial! (me quito el sombrero, aunque en realidad no tengo, pero quiero uno)

para ser sincero no sabia como hacerlo por que no encontraba las palabras a buscar en google xD

y los copos de nieve.. fue sublime!:O

ahora ya te debo 2 pedazos de mi angosta vida (asi es... soy un vago sin propositos :P)

pero como la tercera es la vencida y si aun tienes tiempo que desperdiciar conmigo... podrias decirme como pusiste los emoticonos encima de tu caja de comentarios?

de antemano gracias (oooooootra vez)
de un servidor ;)

Controlatino.Blogspot.com

Ginaddyn

Mil Gracias Rosa.
Tuve que añadir los códigos a la plantilla porque solo me salían de un lado si los ponía como gadget Html. Ahora quedó muy bien. :)
Una muy Feliz Navidad para ti y los tuyos.

http://ginaddyn.blogspot.com/

Rosa

CoNtRoLatino Se acercan las navidades... Papá Noel, Reyes Magos... ¡buen momento para conseguir un buen sombrero!;)

Los emos que ves sobre el formulario de comentarios son una simple imagen, tendrías que incluir el script necesario para implementarlos en el blog... aún no lo he publicado, aunque creo que anda la entrada por ahí en borradores... trataré de revisarla y subirla lo más pronto posible al blog.
Si te apura, creo que en Vagabundia encontrarás sobre esto...

Rosa

Ginaddyn ¡Feliz Navidad!!!:D

cargohe

Hola rosa esta muy bueno lo malo es lo que hay que hacerlo para cada copo, por ejemplo yo quería el de la imagen del copo y trate de modificar el que ya tu tienes cambiando el * y lo del color por la imagen del copo, con el Ctrl+B de word pero el " de la url de la imagen la reemplaza mal pone es esto “ y por consiguiente no he podido, por que hacer eso manualmente es tedioso :).
alguna solución ;).

Rosa

cargohe Es tedioso si, yo mejor que nadie lo se que construí el código en el blog de notas...

No uses Word y después pretendas copiarlo en Blogger, el resultado podría ser cualquier cosa, incluso problemas en el diseño del blog o cambio de color en enlaces no deseado...Blogger y Word son incompatibles.

tiernita

gracias he buscado nieve por fin la encuentro en su blog... agradecida siempre pendiente de sus enseñanzas.. adios

tiernita

me resulto muy bien la nieve, es muy facil de añadir... gracias eternamente agradecida.

magu

Holaaa~ gracias por el truco =D funciono pero hay un problema el efecto sale a un lado del blog y tampoco puedo centrarlo =(

Ayudita? xD

http://magu-chan.blogspot.com/

Rosa

magu No es solo copiar y pegar... en la entrada está bien explicado como adaptarlo a la medida del blog.

magu

Ya lo se pero no me refiero a cada copo de nieve sino que pasa con todo los efectos... para comprobarlo puse uno en el curso y pues tambien sale corrido, en ves de estar debajo del cursos esta a un costado

Rosa

magu Si es el blog donde hay una nena abajo del todo, algo hay ahí mal, supongo que la nena esa ya que sale una barra de desplazamiento abajo que no debería de salir... de todos modos son blogs sin entradas y no es por nada, pero deberías centrarte en el contenido antes que en el diseño o los adornos del blog, lo lógico sería eso...

Ai-Amano

tengo un problemilla al poner la nieve en el blog, y es que no se mueve! los copos se quedan quietos en la pagina.. como lo hago¿
un besazo! me encanta tu blog! lo visitare muy amenudo

magu

Pero a mi me gusta jugar con mi blog... diseñando y eso... X_x todavia no he pensado en que cosa escribir...

Rosa

Ai-Amano Quizá tengas añadido algún otro código que le impida a este funcionar, aunque lo dudo... más bien has dejado una etiqueta abierta en el código o algo así... no puedo decirte mucho más al respecto.

Rosa

magu Ami también me gusta jugar si, pero no ayudando en blogs de pruebas como el tuyo... porque pierdo ahí un tiempo que nunca sabré si ha tenido objeto ¿entiendes?... tengo muy poco tiempo y prefiero ayudar a quien tiene un blog en marcha.

muzgo webmaniatico

No lo entiendoo!! :S

Zoeybird

Estoy usando tu nieve para que me lluevan unos corazoncitos pero tengo un problema; solo salen una vez...
Me ayudas porfii?

Rosa

Zoeybird Yo veo nieve en tu blog si, pero no veo que sea el efecto de esta entrada...

Zoeybird

Listo! ya están colocados, ando comprovando si se repiten, quería saber si hay alguna forma de cambiar eso de que caigan en linia recta
se puede?
y puedo hacer que caiga más de una línea de imágenes?

Rosa

Zoeybird En línea recta solo y tal como lo ves... es una simple marquee el código... no puede pedirsele demasiado... haz que un nuevo grupo de corazones vaya más lento y se verá más arriba... es que los has puesto todos a la misma velocidad y parece que van en línea...

Ana

Estupendo truco. Yo lo tengo puesto, pero en vez de ser nieve el mío es como purpurina cuando mueves el mouse :) .

INFANT

Estimada Rosa,
Tu siempre sorprendiendonos!! Muchas gracias

Te queria hacer una consulta, como agrando la fuente que dice feliz NAVIDAD deslizandose con la estrella y el color de la fuente.
Agradeceria mucho tu ayuda

Rosa

INFANT ¿Hablas de la estrella que saluda? Porque eso está añadido tal como en esta entrada explico:
http://elescaparatederosa.blogspot.com/2008/12/estrella-de-navidad.html

Y ahí en su código puedes hacer esos cambios.

Jennifer

muchisimas gracias, ya lo puse en mi blog y quedó espectacular...

Freddy Martínez y Loideth Rodriguez

Hola como estas? la verdad ps muchas gracias me encanto la idea y lo hice en mi blogs pero quero ver si me regalas tu direccion electronica ya que quiero hacerte unas preguntas a cerca de mi blog.
Soy Freddy Martínez y puedes hachar un vistazo a mi blos es
www.freyloy.blogspot.com

Rosa

Freddy Tienes mi email justo sobre donde escribes el comentario, y en el menú una sección de contacto.

Morgan

Gracias por lo de la nieve, stoy empezando con un blog de mi gruo, y no se si la pondria bien, pero quedo bastante chulo ;)

ballarini

Rosa segui los paso que le diste a fofo pero no me anda soy un muy novato

Rosa

ballarini Por novato que seas, no se que problema puedas tener... se trata prácticamente de copiar y pegar...

ballarini

Ya lo pude hacer pero cuando lo pongo me aparece detras de todo lo que escribo

Rosa

ballarini Si lo has añadido desde Diseño en un gadget HTML/Javascrip tal como indico en la entrada, eso es muy raro... o no lo has añadido ahí, o no has copiado bien el código.

Elvira Lápida

A mi me pasa como ballarini, lo he añadido como un gadget (lo he puesto encima de las entradas), pero los copos pasan por detras de todos los demás elementos de la página: http://pekesims.blogspot.com
Espero que puedas ayudarme, un saludo!

Rosa

Elvira Lápida Es el mismo problema... no funciona bien en las plantillas del nuevo Diseñador... como pasa con casi todo.

Elvira Lápida

¿Y no hay forma de arreglarlo?
Bueno, gracias de todos modos ;)

Rosa

Elvira En las nuevas plantillas hay muchas cosas que no funcionan como lo hacen en las otras, es así por su diseño.

Marener

saluydos rosa, muchas gracias, ya tengo nieve e3n mi blog. gracias por tu inmensa ayuda!!! :D

David

Tengo una pregunta dónde inserto el código?
Muchas Gracias

Rosa

David Gadget HTML/Javascript... si estás usando la plantilla del nuevo diseñador de Blogger... lee comentarios anteriores.

ERASE UNA VEZ EN INTERNET (VÍA MAIL)

ERASE os desea F E L I Z N A V I D A D !

Saludos, abrazos, y gracias por el código de la NIEVE.

isa

Gran entrada , lo malo es que se va para el lado izquierdo la nieve...:D

Rosa

isa Si copias y pegas el código si... en la entrada explico como añadir más copos para conseguir que ocupen lo que necesites.

Drizz

A mi no me sale lo de la nieve ! TOT

Rosa

Drizz Pues lo siento, es bien fácil y está bien explicado creo yo... en la etiqueta Navidad tienes más opciones para nieve...

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