the-marck - efecto de lluvia

Para poner un este efecto en tu Hi5 tienes que hacer lo siguiente:

1.- Hacer click EDITAR.

2.- Luego click en PERSONALIZAR.

3.- Luego en la parte inferior esta un cuadro llamado ESTILO (SI TIENES OTROS CODIGOS NO LOS BORRES, SOLO COLOCA UNO DEBAJO DEL OTRO), elige la lluvia que te guste mas y copias el codigo y lo pegas en tu hi5.

NOTA: Tambien puedes poner las LLUVIAS en tus COMENTARIOS.

<marquee behavior="scroll" direction="up" scrollamount="1" style="position:absolute; left:177px; top:120px; width:100px; height:388px;"> <img src="http://www.freewebs.com/lennyn22/lluviahi5/10.gif"> </marquee> <marquee behavior="scroll" direction="up" scrollamount="4" style="position:absolute; left:115px; top:20px; width:100px; height:324px;"> <img src="http://www.freewebs.com/lennyn22/lluviahi5/10.gif"> </marquee> <marquee behavior="scroll" direction="up" scrollamount="3" style="position:absolute; left:235px; top:180px; width:100px; height:499px;"> <img src="http://www.freewebs.com/lennyn22/lluviahi5/10.gif"> </marquee> <marquee behavior="scroll" direction="up" scrollamount="4" style="position:absolute; left:325px; top:120px; width:100px; height:411px;"> <img src="http://www.freewebs.com/lennyn22/lluviahi5/10.gif"> </marquee> <marquee behavior="scroll" direction="up" scrollamount="2" style="position:absolute; left:69px; top:20px; width:100px; height:251px;"> <img src="http://www.freewebs.com/lennyn22/lluviahi5/10.gif"> </marquee> <marquee behavior="scroll" direction="up" scrollamount="3" sty</div> </td> <td class="edit_content_right_spacer" width="3%"> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td height="31" background="//theme.webme.com/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom"></td> </tr> </table> </td> </tr> <tr> <td background="//theme.webme.com/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="edit_content_bottom2_left_spacer" width="2%"> </td> <td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;"> Hoy habia 1 visitantes (1 clics a subpáginas) ¡Aqui en esta página! </td> <td class="edit_content_botom2_right_spacer" width="2%"> </td> </tr> </table> </td> </tr> </table> </td> <td width="168" align="left" valign="top" background="//theme.webme.com/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom"> <table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="sidebar_heading">Acerca de esta página</td> </tr> <tr> <td class="shouty"> Aqui puede anotar algunas informaciones sobre su página web o introducir p.ej. enlaces que conducen hacia sus colegas o cosas parecidas;-) </td> </tr> <tr> <td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> <td width="79" background="//theme.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td> </tr> </table> <FONT color="white"></FONT> <a id="selfpromotionOverlay" href="https://www.paginawebgratis.es/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow"> Este sitio web fue creado de forma gratuita con <b>PaginaWebGratis.es</b>. ¿Quieres también tu sitio web propio? <div class="btn btn-1">Registrarse gratis</div> </a> <style> body { padding-top: 124px; } #forFixedElement { top: 124px; } @media (min-width: 365px) { body { padding-top: 103px; } #forFixedElement { top: 103px; } } @media (min-width: 513px) { body { padding-top: 82px; } #forFixedElement { top: 82px; } } @media (min-width: 936px) { body { padding-top: 61px; } #forFixedElement { top: 61px; } } /* General button style */ #selfpromotionOverlay .btn { border: none; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 6px 15px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0px; } /* Button 1 */ #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited { background: rgb(0, 85, 204); color: #fff; } #selfpromotionOverlay .btn-1:hover { background: #2980b9; } #selfpromotionOverlay .btn-1:active { background: #2980b9; top: 2px; } #selfpromotionOverlay { font: 400 12px/1.8 "Open Sans", Verdana, sans-serif; text-align: center; opacity: 1; transition: opacity 1s ease; position: fixed; overflow: hidden; box-sizing: border-box; font-size: 14px; text-decoration: none; line-height: 1.5em; flex-wrap: nowrap; z-index: 5000; padding: 14px; width: 100%; left: 0; right: 0; top: 0; color: rgb(35,35,35); background-color: rgb(246,246,246); border-bottom: 1px solid #5a5a5a; } #selfpromotionOverlay:hover { background: white; text-decoration: none; } </style></body> </html>