Tudo o que você sempre quis saber(upload)

em 20 de outubro de 2009

Mais uma dica:


Como colcar as letrinhas seguindo o mouse?


Copie este código:


<script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text=' SEU TEXTO AQUI ';
var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#cccccc"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.
//********** NO NEED TO EDIT BELOW HERE **********\\
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+((ie4ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4ie5)?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(ie4ie5)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>


Agora clique em Layout/Adicionar Elementos de página/Hmtl-javascript e cole aí o código copiado. E não esqueça de alterar o texto que quer mostrar(onde está em azul) e a cor das letrinhas (em verde). Para obter esses códigos de cor veja o item nº 1.




Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

14 comentários , comente também!

  1. Elaine, fiz tudo bem direitinho, conforme tu ensinastes no post, para ter as letrinhas seguindo o cursor, mas não deu... snif!
    Beijo.

    ResponderExcluir
  2. Vim agradecer tua mensagem carinhosa para nossa Mischa. Ela está melhorando e estamos muito felizes com isso. Todos que torcem por ela, formando uma corrente do bem, fazem parte disso. Obrigada! Beijos no coração

    ResponderExcluir
  3. Você ta fera nisso, hein menina!! rs
    Vou aproveitar uma dica...
    Beijão

    ResponderExcluir
  4. Eu li com bastante atenção mas não entendi nada, rsrsrs
    Eu sempre peço pros amigos me ajudarem.

    Beijão e bom dia!

    ResponderExcluir
  5. Eba!!!!! No próximo post, vou dar um jeito de colocar o pontilhado!!!
    Super chic:)
    Bj

    ResponderExcluir
  6. Amei!!!
    Era isso mesmo que eu queria saber!
    Obrigada por existir!

    ResponderExcluir
  7. Elaine, obrigada pelas dicas faz tempo que tento colocar esse pontilhado e não havia conseguido, como você explicou passo a passo tentarei novamente.

    Beijo!

    ResponderExcluir
  8. Muito legal.ADOREI O PONTILHADO.VOU USAR E LEMBRAr em ti!beijos,obrigado,chica

    ResponderExcluir
  9. trabalheira amiga, parabéns por compartilhar esses códigos conosco. beijos, pedrita

    ResponderExcluir
  10. Olá Elaine, amei as dicas.
    Já usei uma que queria há tanto tempo, sobre os links abrirem em outra janela. Obrigada pela ajuda.

    Bjão!

    ResponderExcluir
  11. bom dia querida.. vc devia receber o premio de gentileza.. vc é mesmo incrivel..obrigada por suas dicas.. tenha um dia de paz..beijos

    ResponderExcluir
  12. Oi tem selinho para você no post do dia 21-10. Fique a vontade para recusar.
    http://kriativa.zip.net
    Bjos

    ResponderExcluir
  13. Bem legal!! Para quem não conhece nada de internet, mas quer ter um blog sempre bonito, você é uma mão na roda! :)

    beijinhos!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…