Tutorial do adBux

Julho 23, 2007 on 9:24 pm | In Dinheiro, Tutorial | 7 Comments

Tutorial final para todos que tem registro no AdBux ou querem se registrar e não sabem ingles, podem agora clicar e fazer um dinheiro… espero que ajude muita gente. Para quem não sabe do que eu estou falando, recomendo ler o topico Ganhando dinheiro com clicks. Bom proveito a todos.

Para se registrar:

Registrar

Para se logar:

Para vc clicar e ganhar dinheiro:

Clique para ver a imagem, ela esta muito grande para por no site.

Quero deixar um comentario aqui, sobre os metodos de clicks, pois as vezes pode pareçer que não existem anuncios para clicar e ganahr dinheiro, pois funciona da seguinte maneira, é sempre comprado pacotes de clicks, 10 clicks, 100 clicks, 1000 clicks e diversos outros pacotes; então logo que um anunciante compra um pacote, esse anuncio apareçe no site, se for um anuncio de 10 clicks, os 10 primeiros sortudos que clicarem ganharão o $$$, o resto depois não consiguira ver mais o anuncio, pois ele ja foi consumido. Então o negocio é ficar atento o dia todo.

Para vc ver o quanto ja ganhou :

Clique para ver a imagem, ela esta muito grande para por no site.

Outro comentario aqui é o sistema de referencia, o que é isso ? Voce ira ver que ali tem um link http://adbux.org/?r=silici0 (com o seu nick) esse é o link que vc deve passar para os amigos e outros se registrarem apartir de sua referencia, pois toda vez que alguem ganhar com clicks na sua referencia gerara o mesmo ganho para vc também, esse sistema nao eh uma competição, quanto maior a cooperação entre as partes, melhor para todos.

Dúvidas? É so postar que eu ajudo. Comentarios são bem vindos também, bom ganhos a todos.


Show e Hide (Idéia para Div Seguindo o mouse)

Julho 19, 2007 on 3:32 pm | In php, JavaScript, Tutorial | 6 Comments

Resolvi escrever sobre uma idéia que rola bastante por ae, de um div seguir o mouse, porém somente apareçer (mostrar a div) quando o mouse esta por cima de um link, como comentado no topico Div Seguindo o Mouse, somente irei agora adicionar algumas poucas linhas de códigos, recomendo que antes leia o outro topico para não ficar perdido.

A idéia basica de ter varias imagens seguindo o mouse porém so ativa-las (mostra-las) quando o mouse passar por cima de algum link, div, tabela, celula; enfim um objeto qualquer. No nosso caso a escolha foi uma DIV.

Primeiro vamos criar a div igual anteriormente, porém vamos agora, esconder essa div, para que não apareça na tela:

PLAIN TEXT
HTML:
  1. <div id="MinhaDiv1" style="position:absolute; overflow:hidden; visibility: hidden;display: none; z-index:999; background-color:#ffffcc;"><img xsrc="img/01.jpg" alt="Carro"></div>
  2. <div id="MinhaDiv2" style="position:absolute; overflow:hidden; visibility: hidden;display: none; z-index:999; background-color:#ffffcc;"><img xsrc="img/02.jpg" alt="Carro"></div>

Segundo passo é criar os links, no nosso caso como dito anteriormente vamos criar os links apartir de uma div, apartir dessa div iremos chamar a Função javascript que irá mostrar a div referente, iremos usar 2 ações: onmouseover (Ação executada quando o mouse esta em cima do objeto) e onmouseout (Ação executada quando o mouse esta fora do objeto, melhor quando ele sai do objeto). Ao executar a ação iremos chamar a função enviando 2 parametros, ID (dizendo qual DIV) e AÇÃO (qual ação tomar Mostrar/Esconder).

No nosso caso ação  1 mostra a div e ação parametro 0 esconde a div.

PLAIN TEXT
HTML:
  1. <div id="caixa" onMouseOver="SegueMouse('MinhaDiv1',1)" onMouseOut="SegueMouse('MinhaDiv1',0)"><a xhref="http://rafaelcunha.com/#">Carro importado
  2.  
  3. </a></div>
  4. <div id="caixa" onMouseOver="SegueMouse('MinhaDiv2',1)" onMouseOut="SegueMouse('MinhaDiv2',0)"><a xhref="http://rafaelcunha.com/#">Se meu fusca falasse
  5.  
  6. </a></div>

Agora basta usarmos a função do POST anterior e complementar nela a idéia de mostra e esconder a div, ficando o script completo da maneira abaixo:

PLAIN TEXT
JAVASCRIPT:
  1. function SegueMouse(id,flagit) {
  2. var divName = id; // div that is to follow the mouse
  3. // (must be position:absolute)
  4. var offX = 35;          // X offset from mouse position
  5. var offY = 35;          // Y offset from mouse position
  6.  
  7. function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
  8. function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}
  9.  
  10. function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible';
  11. obj.left = (parseInt(mouseX(evt))+offX) + 'px';
  12. obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
  13. document.onmousemove = follow;
  14. if (flagit=="1"){
  15. if (document.layers) document.layers[''+id+''].display = ""
  16. else if (document.all) document.all[''+id+''].style.display = ""
  17. else if (document.getElementById) document.getElementById(''+id+'').style.display = ""
  18. }else
  19. if (flagit=="0"){
  20. if (document.layers) document.layers[''+id+''].display = "none"
  21. else if (document.all) document.all[''+id+''].style.display = "none"
  22. else if (document.getElementById) document.getElementById(''+id+'').style.display = "none"
  23. }
  24. }

Para ver o exemplo em execução basta acessa o link : Idéia para Div seguindo o mouse. Sinta-se livre para comentar, duvidar, justificar e até se justificar. ah?


Layout Novo (Cara Nova)

Julho 17, 2007 on 2:08 pm | In Informatica | No Comments

O layout antigo estava cheio de problemas... espero que gostem do novo.


Editor PHP, JavaScript no Ubuntu

Julho 16, 2007 on 4:56 pm | In Informatica, Trabalho, php, JavaScript, Linux | 4 Comments

A principio eu começei utilizando o Quanta PLUS, instalei o Eclipse (ficou muito pesado, abri; fiquei 20 minutos mechendo e ja vi que não ia dar), então voltei e continuei utilizando o Quanta, depois de umas 2/3 semanas utilizando eu cheguei algumas conclusões e fiquei com dúvidas... bom, eu estou a procura de um editor com suporte para eu programar nas duas linguagens acima, fora xHTML e CSS que é algo raro, deixando essa parte para o Design.

Quanta PLUSX Scite

A proposta inicial de se usar o Quanta PLUS era testar o serviços de cliente CVS, porém o servidor não ta instalado então fiquei no feijão com arroz mesmo o que me trouxe uma experiência pequena mas lucrativa dele, e tomei algumas decisões que gostaria de compartilhar com vocês.

Primeiramente o visualizador dele (WYSIWYG) é cheio de problemas, não dando nada com nada, solução foi enviar e testar no browser mesmo. O que eu sou chato é que para min código deve obrigatoriamente estar identado, tudo de acordo como manda a padronização da 'boa leitura' e das estruturas de controle, coisa que ele não me atendeu, deixando a deseja depois de um 'enter' ter que identar a proxima linha também.

Quanta PLUS x SCiTe

Achei ruim o auto-complete, pois para algumas palavras sem nexo ou no meio de uma string ele abria e trazia todas funções e objetos, sendo as vezes e muita das vezes lerdo para eu codar (me desgastando em relação a tempo).

Logo depois de refletir 2/3 semanas sobre isso acima que é o meu feijão com arroz perante a produção, eu resolvi procurar algo que so tivesse um autocompletar e um colorir de códigos, além de funções basicas de um notepad (gEdit) da vida. Afim disso começei conversar com o Klaus neste post sobre produtividade e ele me recomendou o SciTE, no qual é leve, limpo e tem essas duas caracteristicas que me atraem tanto, e para instalar recomendação do proprio Klaus, segue um tutorial...

Falta somente agora eu achar um programa WYSIWYG FREE para que eu possa utilizar, algo bem infantil que nem o DW.
E você do que precisa? O que você usa para programar ? Para fazer seus codigos xHTML, JavaScript, PHP e outros?


Novas sobre o AdBux

Julho 11, 2007 on 1:40 pm | In Dinheiro | 3 Comments

Para quem não sabe o AdBux é um PTC, um dos melhores para falar a verdade, se transformou o melhor ao longo dos 3 meses de vida dele, com inovações e sendo uma 'empresa' séria em relação a todos seus clientes, nós que clicamos e geramos todo o uso do sistema. Chegou hoje um email do AdBux que diz sobre novidades que entrarão em vigor durante esse novo processo de inovação do sistema...

Estatísticas:

Nós ultimos 3 meses eles ganharam em torno de 100.000 novos membros por mês, as propagandas em torno de 2.400 websites e ainda teve 8,526 pagamentos para 3,077 usuários somando um total de $123,221.63.

Com esse crescimento tão grande eles irão criar uma empresa e abrir um novo escritorio somente para o site e atender toda demanda do PTC que vem cresçendo a cada dia.

Apareçeram agora novas coisas, mais propagandas para maiores ganhos, concursos com premios e diversos outros que virão por ae. Basta você também participar e ganhar um pouco de doletas via PayPal.

AdBux

Exemplo de funcionamento do sistema:

Você clica 10 propagandas por dia = $0.10!
10 referencias clicam 10 propagandas por dia = $1.00!
Seus ganhos semanais = $7.70!
Seus ganhos mensais = $30.80!

Para participar basta se cadastra no banner acima, é de graça. Dúvidas como ganhar? Como pedir seu dinheiro? Basta comentar.


Div Seguindo o Mouse

Julho 10, 2007 on 4:47 pm | In Informatica, Trabalho, JavaScript | 4 Comments

Muita gente me perguntou como fazer isso, então vou escrever esse tutorial de como fazer isso... na verdade vou traduzir um tutorial, pelo menos parte dele... pois na verdade eu procurei como desenvolver um e foi dificil roda-lo em varios navegadores ai então achei esse tutorial no site do About.com ...

Na verdade é uma div que esta sempre ao lado do mouse... ele automaticamente calcula a posição da div sempre que você mecher o mouse. Então a impressão que temos é a de que a div esta grudada ao mouse, um efeito super legal e interessante, com algumas idéias podemos desenvolver bastante coisas legais com isso...

Mas vamos ao pratico, primeiro temos o script JavaScript que calcula a posição do mouse sempre o mouse se mover:

Existem 3 variaveis que você pode mecher afim de alterar algo no tutorial abaixo:
- divName : É o nome da div que ficara 'grudada'  ou melhor seguira o mouse.
- offX e offY : São as variaveis que determinam a que distancia que o 'Objeto' (a nossa div) se distanciará do mouse.

PLAIN TEXT
JAVASCRIPT:
  1. var divName = 'MinhaDiv'; // div that is to follow the mouse
  2. // (must be position:absolute)
  3. var offX = 5;          // X offset from mouse position
  4. var offY = 5;          // Y offset from mouse position
  5. function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
  6. function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}
  7.  
  8. function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible';
  9. obj.left = (parseInt(mouseX(evt))+offX) + 'px';
  10. obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
  11. document.onmousemove = follow;

Então para adicionarmos o Objeto ou DIV que irá seguir o mouse utilizaremos a seguinte linha de código:

PLAIN TEXT
HTML:
  1. <div id="MinhaDiv">Testando 1 2 3 ...</div>

E então finalmente o estilo:

PLAIN TEXT
CSS:
  1. #MinhaDiv {
  2. position:absolute;
  3. overflow:hidden;
  4. visibility:             hidden;
  5. z-index:999;
  6. width:20px;
  7. height:15px;
  8. background-color:#ffffcc;
  9. }

Meus dois exemplos estão aqui : exemplo 0 e exemplo 1. Dúvidas? É so comentar. Abraços


« Previous Page — Next Page »

  

 Assine o feed