[TUTORIAL] Efeito de neve em seu blog

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

[TUTORIAL] Efeito de neve em seu blog Empty [TUTORIAL] Efeito de neve em seu blog

Mensagem por Oto! 14.07.12 0:32

[TUTORIAL] Efeito de neve em seu blog Ecrire10 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)
[TUTORIAL] Efeito de neve em seu blog Untitl10

Clique no "[TUTORIAL] Efeito de neve em seu blog Edit" 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


[TUTORIAL] Efeito de neve em seu blog Act_bo11 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
Oto!

Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos