[TUTORIAL] Efeito de neve em seu blog

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Efeito de neve em seu blog

Mensagem por Oto! em 13/07/12, 08:32 pm

Efeito de neve em seu blog

Este tutorial tem como objetivo explicar como adicionar um script decorativas em seus blogs para dar uma melhor aparência. Isso geralmente pode ser usado na época do Natal, mas pode-se ser usado para evoluir mais o blog.

--> Tutoriais, dicas e astúcias <--
Efeito de neve em seu blog


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

- Adicionando o código:
Vamos utilizar o código abaixo para que seja possível visualizar-mos na página inicial á neve caindo sobre o blog. Para qud seja possível adicionar, então acedam em:
Painel de controle ->> Multiblog ->> Módulos ->> Módulo customizado ->>

(Clique para carregar)

Clique no "" para editar o módulos customizado, e assim adicionar-mos o código apresentado.

--> FAQ do Tutorial <--
Efeito de neve no blog


Onde posso colocar o código?
O código posde ser adicionar no conteúdo personalizado. Não tente adicionar aos artigos, pois pode ocorrer um erro!

Posso ter esse código junto com outros?
Não, caso adicione mais códigos ao conteúdo personalizado pode ocorrer um erro no código e não dando o resultado esperado.

Você pode mudar a cor ou a textura da neve?
Sim, o código é editável, por isso se necessitar de alterar á estrutura a neve é possível. No código procure por "<font color="CÓDIGO DA COR"> e altere ás letras indicadas por azul escuro por á cor que desejar. Lembre-se que deve fazer isso em todo o código, caso alcontrário não será aceito.

Nosso código;
<marquee behavior="scroll" direction="down" style="position: absolute; left: 41px; top: -6px; width: 16px; height: 700px;" scrollamount="5"><span ><font color="white">*</font></span></marquee></marquee>
A cor azul: É para mudar a cor da neve.
A cor verde: Para alterar a forma de neve.



© Suporte Criarumblog.com


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Efeito de neve em seu blog
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum