Torpedo Gratuito

Site gratuito de envio de mensagens para celulares

 O Torpedo Gratuito é um site para os fãs de SMS, as mensagens curtas de celular. Ele permite ao usuário enviar, direto da tela do navegador, SMS para os amigos de forma gratuita e rápida: basta preencher o DDD, o número de telefone e escrever a mensagem. Depois disso, apertar o botão enviar. O serviço, no momento, funciona com as operadoras Claro, Oi, Nextel e CTBC. Contudo, no futuro, deverá enviar mensagens também para os telefones de outras operadoras.

Acesse: http://www.torpedogratuito.com/

Recuperar Fotos/Videos/Arquivos apagados/deletados de camera/mp3/hd

Estava Eu a tirar fotos e gravar vídeos em minha câmera digital, quando em meio a empolgação do momento acabei excluindo um vídeo que me deixou muito triste!

então lembrando que acidentes acontecem seja em casa ou no trabalho resolvi postar este otimo programinha de recuperação de arquivos apagados.

No meu caso resolveu, se sua maquina digital for como a minha não será selecionada como um Drive (D:, E:,...) então tire o cartão e coloque-o diretamente no computador ou notebook.

Programa Restoration 3.2.13 (versão na data deste artigo)

Aplicação:

• Recuperação de dados em casos de:

1. Arquivos excluídos/deletados de Cartões de Câmeras Digitais, de MP3/MP4, de HD;
2. Cartão ou Hd formatado

Só extrair e abrir, não requer instalação. (seria bom copiar todos os arquivos dentro de uma pasta unica)

Para pesquisar, clique em: Search Deleted Files.

Para restaurar, selecione o(s) arquivo(s) e clique em: Restore by Copying.

Baixar arquivo

Aprenda a mudar o seu buscador padrão de seu firefox

Quando você digita algo que não seja uma URL válida na barra de endereços do Firefox, ele exibe uma página com os resultados de uma pesquisa feita pelo termo digitado.

Muitas vezes essa pesquisa é feita em um buscador que não é o seu favorito. Então vamos ver agora como mudar o buscador padrão do Firefox.

Digite na barra de endereços do Firefox: about:config. Aparecerá a seguinte mensagem:

Clique no botão: Serei cuidadoso, prometo. Feito isso o navegador abrirá uma tela com uma lista com vários comandos, digite em Localizar: keyword.url.

Para alterar o buscador padrão do Firefox, escolha um dos buscadores abaixo e cole a URL no campo “valor”.

• Yahoo: http://search.yahoo.com/search?ei=ISO-8859-1&p=

• Twitter: http://search.twitter.com/search?q=

• Google: http://www.google.com.br/search?hl=pt-BR&source=hp&q=

• Wikipedia: http://pt.wikipedia.org/w/index.php?title=Especial:Pesquisar&search=

• Bing: http://www.bing.com/search?q=

Simples assim.

Máscara Obscura

É um efeito muito simples e de grande valia para animação na Web.

1) Criaremos um novo documento no flash MX. Arquivo - Novo (Ctrl + N).
2) Pressione (Ctrl + J) para alterarmos o tamanho do palco. Veja na figura abaixo.

3) Nosso projeto terá duas camadas:
Primeira camada - Máscara Texto
Segunda camada - Máscara Efeito

4) Na camada Máscara Texto, insira uma frase.

5) Transforme a camada Máscara Texto em máscara. Clique com o botão direito do mouse sobre a Camada Máscara Texto e escolha a opção Máscara, como mostra a figura abaixo.

 

6) Crie a segunda camada Máscara Efeito. A nova camada será inserida acima da camada anterior, então clique nela e arraste para abaixo da camada Máscara Texto. Veja o resultado na figura abaixo.
Camada inserida Acima:

 

7) Com a camada Máscara Efeito selecionada, desenhe um circulo e mude a cor dele para a da figura abaixo.

 

8) Vá ao painel Misturador de Cores, selecione a opção radial, mova os ponteiros iguais aos da figura abaixo.

 

9) Transforme seu circulo em um Clipe de Filme. Selecione o circulo e pressione (F8) ou (Alt+F8). Coloque o nome desejado e escolha a opção Clipe de filme. Pressione OK. No painel Propriedades, (com o circulo selecionado) coloque uma instância para seu Clipe de Filme. No exemplo coloquei a instância como circulo. 

10) Agora selecione a camada Máscara Texto e coloque as seguintes linhas de código no painel Ações

Salve seu projeto e teste (Ctrl + Enter).

Baixar projeto FLA

Banner utilizando efeitos para mouse

Atenção:
Este projeto foi salvo na versão CS3 do Flash e codigo action script 2.0

Crie um novo documento no Flash (CTRL+N). Redimensione o tamanho do palco para o tamanho desejado (eu usei 400 pixels para largura e 200 pixels para altura).
Crie duas camadas para nosso projeto. Camada Segue Mouse e a camada Cursor.

Selecione a primeira camada (Segue Mouse) e importe uma imagem (esta imagem será a que seguirá o mouse), eu importei a figura de uma abelha. Transforme-a em Clipe de Filme (selecione a figura e pressione F8).

De volta ao palco, ainda com seu clipe de filme selecionado, abra o painel de ações (F9) e digite a seqüência de códigos abaixo:

Estas linhas de código farão com que a figura importada seja nosso novo cursor do mouse.

Agora selecionaremos cursor do mouse para completar nossa animação.
Selecione a segunda camada (Cursor) e importe a figura que será o novo cursor do mouse (neste exemplo usei uma figura de uma flor).
Observação: se a figura for muito grande basta você redimensioná-la (clique com o botão direito do mouse sobre a figura e escolha a opção redimensionar).
Depois de importada a figura, transforme-a em clipe de filme (como feito para a figura anterior). De volta ao palco com seu clipe de filme selecionado, abra o painel de ações e insira a seqüência de códigos abaixo:

  Estas linhas de código farão com que seu clipe de filme (no caso, a abelha) siga o mouse.
Nosso projeto está pronto. Salve e teste.

Baixar projeto FLA

Centralização horizontal e vertical

A lógica é simples, as margens sempre são negativas e metade do valor da lateral.

Ou seja no caso acima.
largura: 600px / 2 = 300px = margin-left: -300px
altura: 400px / 2 = 200px p= margin-top: -200px

<style type="text/css">
        #box {
                width:600px;
                height:400px;
                position: absolute;
                top:50%;
                left:50%;
                margin-left:-300px;
                margin-top:-200px;
                background-color:#969696;
        }
</style>

Uma alternativa para encurtar o código é substituir a lógica horizontal por margin: auto;, lembrando que o primeiro valor da propriedade é o vertical, logo ficaria assim.

<style type="text/css">
        #box {
                width:600px;
                height:400px;
                position: absolute;
                top:50%;
                margin:-200px auto 0;
                background-color:#969696;
        }
</style>

<div id="box">
        Meu conteúdo 600 x 400 pixels
</div>

Muda pouca coisa mas ai você só se preocupa com a altura.

Baixar HTML

Estilo CSS de Gradiente Radial

Aqui temos a explicação estilo, e mais abaixo clique na imagem para download do exemplo HTML completo.

 Código CSS:
<style type="text/css">
div.box{
background: -moz-radial-gradient(center, ellipse cover, #ffe732 1%, #d83131 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#ffe732), color-stop(100%,#d83131));
background: -webkit-radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
background: -o-radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
background: radial-gradient(center, ellipse cover, #ffe732 1%,#d83131 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe732', endColorstr='#d83131',GradientType=1 );
}
</style>

Código HTML:

<html>

<head>
<title></title>

<!-- coloque o CSS aqui -->
</head>

<body>

<div class="box">
    box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />box que vai receber o gradiente.<br />
</div>
</body>
</html>

Baixar HTML

Estilo CSS de Gradiente Linear

Aqui temos a explicação estilo, e mais abaixo clique na imagem para download do exemplo HTML completo.

<!--<style type="text/css">
div.box{
background-color:#BOTTOM;
background-image:none;
/*firefox*/
background:-moz-linear-gradient(top, #TOP, #BOTTOM) repeat scroll 0 0 transparent;
/*chorme e outros webkit*/
background:-webkit-gradient(linear, left top, left bottom, from(#TOP), to(#BOTTOM));
/*ie*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#TOP, endColorstr=#BOTTOM);
}
</style>

onde:
#TOP - cor inicial do gradiente
#BOTTOM - cor final do gradiente

-->

Baixar HTML

Estilo em CSS que divide página em topo, conteúdo e rodapé

Objetivo:
Criar um "topo","conteudo","rodape" dentro de "tudo" utilizando apenas conceitos básicos em HTML e CSS

Nível de Dificuldade:
Básico.

Pré-requisitos:
Conhecimento inicial sobre HTML e CSS.

Para criar um rodapé que deixa nosso site sempre organizado é simples:

Código HTML:

<html>
<head>
<!-- aqui entra o código CSS --></head>
<body>
        <div class="tudo">
                <div class="topo"></div>
                <div class="conteudo"></div>
                <div class="rodape"></div>
        </div>
        </body>
</html>

Código CSS:

<style type="text/css">
        body {
                margin:0;
                padding:0;
                height:100%;
        }
        .tudo {
                min-height:100%;
                position:relative;
        }
        .topo {
                background:red;
                padding:40px;
        }
        .conteudo {
                padding:10px;
                padding-bottom:60px;
        }
        .rodape {
                position:absolute;
                bottom:0;
                width:100%;
                height:90px;
                background:blue;
        }
</style>

Baixar HTML

Logotipo do Google Drive

Imagens vazadas do novo serviço de armazenamento em nuvem Google Drive apontam que a plataforma deverá oferecer até 5GB gratuitos aos usuários.
A imagem lembra a página inicial padrão dos serviços do Google, porém não há mais detalhes sobre o vazamento, obtido pelo site Talk Android.


Uma página de suporte da empresa afirma que o app do Google Drive para Android terá capacidades de edição de documentos, o que deixa dúvidas se será um novo serviço, um complemento ao Google Docs ou uma reformulação na plataforma de documentos da empresa.
O mais recente rumor apontava que o Google Drive seria lançado em abril deste ano, porém com capacidade de armazenamento gratuito de apenas 1GB. Para expandir as opções de espaço o usuário terá de pagar por isso.
O Google não confirma nenhuma informação sobre o serviço, mas sua oferta chega com atraso, se considerarmos os serviços similares que estão disponíveis atualmente no mercado. O Dropbox oferece gratuitamente até 2GB de espaço e o SkyDrive, da Microsoft, oferece 25GB de graça.

fonte: INFO

GMail Drive shell extension é uma extensão Shell que cria um sistema de arquivos virtual na sua conta do Gmail, permitindo que você a utilize para armazenar arquivos. Ele possibilita que você salve e obtenha os arquivos armazenados na sua conta diretamente do Windows Explorer.

Este software literalmente adiciona um novo drive no seu PC, na pasta Meu Computador, aonde você pode criar pastas, copiar e arrastar arquivos para o Gmail. Desde que o Google começou a oferecer contas no Gmail, o espaço só cresce e hoje já ultrapassa os 2 GB. Por que não usá-lo se é de graça mesmo?

Com GMail Drive shell extension você copia seus arquivos para a conta e depois pode obtê-los quando quiser. Quando você cria um arquivo novo pelo programa, ele gera um e-mail e envia para sua conta. O e-mail aparece na sua pasta de entrada e o arquivo como um anexo.

O programa checa sua conta periodicamente para ver seus os arquivos foram realmente transferidos sem erros e para reconstruir a estrutura dos diretórios. GMail Drive shell extension basicamente coloca um novo disco no seu PC!

Fonte: baixaki

Usando fonts externas

Temos um exemplo de um estilo CSS onde ele verifica se tem a font,
caso não haja ele busca na url passada. Também estilizo e aplico paragrafo no
arquivo HTLM que disponho para download.

<style media="screen" type="text/css">
@font-face {
    font-family: beautiful;
   
/* <!--para que o teste funcione teste uma font que voê não tem instalada mas
    lembre-se de coloca-la na mesma pasta informada no caminho scr informado,
    no nosso casso ambos na mesma pasta.-->*/

    src: url('Beautiful-ES.ttf');
}
       
p {
    margin:50px auto;
    width:700px;
    text-align:center;
    font:80px/50px beautiful, Arial, Tahoma, Sans-serif;
}
       
p small {font-size:13px; font-family:verdana;}
</style>

Baixe os arquivos