[Tutorial] Texto a seguir o mouse

Ir em baixo

[Tutorial] Texto a seguir o mouse

Mensagem por téefernandes em Qua Dez 21, 2011 2:37 pm

Texto a seguir o mouse

Neste toturial vou explicar como podem colocar letras e/ou texto (à vossa escolha) a seguir o mouse. Espero que gostem!


1º Passo: Ir a: tumblr >> Customize >> Theme >> Custom HTML
2º Passo: Apertar a tecla "CTRL" e a tecla "F" ao mesmo tempo e procurar pela palavra ""
3º Passo: Colocar o seguinte código depois/por baixo da palavra ":
Código:
<script language="javascript">

//Alterar o Texto que stá dentro das Aspas em baixo:
var text='ESCREVA AQUI O SEU TEXTO';
var delay=40; // altere aqui velocidade
var Xoff=20; // distancia a contar para a direita do cursor (- Valores em negativo vão para a esquerda)
var Yoff=0; //distancia a contar para baixo desde o cursor (- Valores em negativo vão para cima)
var txtw=14; // Espaço que cada caracter ocupa
var beghtml='<font color="#ba476b"><b>';
var endhtml='</b></font>';
//********** Não alterar o código seguinte **********\\
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>
Descrição do código:
1) No início do código, onde diz "ESCREVA AQUI O SEU TEXTO" alterem para a letra e/ou texto que querem colocar a seguir o mouse;
2) Procura isto no código acima:
Código:
var beghtml='<font color="#ba476b">
alterem o código de cor que está aí e coloquem o código da cor que vocês querem.
4º Passo: Em seguida clica em "Update Preview" e verifica se o mouse já está como desejas, se estiver tudo a teu gosto, basta guardares e usufruíres do teu novo mouse.
Em caso de alguma dúvida, basta perguntar.


téefernandes
avatar
téefernandes
Administradora
Administradora


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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