WebTutoriais

Instalando o Wampserver 2.0 para trabalhar em rede local no XP

Anthony — Mon, 08 Jun 2009 14:23:29 +0000

1º passo: Escolha qual a máquina que será o servidor. Instale o Wamp nesta máquina. O processo de instalação é muito simples, então vamos focar na configuração do mesmo.

2º passo: Anote o endereço IP do Servidor. Para fazer isso, vá em Conexões de Rede clique duas vezes em sua conexão de rede local, e em seguida clique na aba Suporte.

3º passo: Agora, abra o arquivo httpd.conf que você encontra no console do wamp/apache. No arquivo, procure o seguinte trecho:

Mude para:

Isso fará com que qualquer computador da rede tenha acesso ao “localhost”.

4º passo: Reinicie o Wampserver. Note que você já consegue visualizar as páginas, porém quando tenta iniciar o phpmyadmin, você recebe uma instrução de que não tem permissão para isso.

5º passo: Para liberar a permissão para o phpmyadmin, acesse novamente o console do apache / alias directory / phpmyadmin / Edit alias.

6º passo: Repita o passo 3 nesse arquivo que se abrirá. Coloque “Allow from all” e reinicie o servidor.

7º passo: Abra seu navegador, e coloque o IP que você anotou no passo 2.

Pronto! Totalmente funcional!

Fonte: Oficina Da Net

Enviando um torpedo para celular através do site, usando PHP

Anthony — Fri, 05 Jun 2009 14:06:00 +0000

Olá pessoal!
É possível enviar uma mensagem de texto para um celular, simplesmente usando o PHP. Exste também uma infinidade de aplicações uteis, como por exemplo, receber as mensagens do site no celular.

A função que usaremo para o envio é uma velha conhecida: função mail().

Enviando para CLARO

//dados de envio
$ddd = 27; #aqui é o ddd
$telefone = 92533487; #aqui é o numero que receberá a mesagem
$operadora = ‘clarotorpedo.com.br’; #aqui é o endereco da operadora que utilizaremos.

//enviando o e-mail
mail($ddd.$telefone.’@’.$operadora, ‘Assunto’, ‘Mensagem’);

Enviando para OI, basta você trocar o endereço da operadora, que no caso é “oitorpedo.com.br”

Para TIM e VIVO ainda não temos nenhum meio que realmente funcione, embora exista.

Espero que seja útil, e até a próxima!

Fonte: Oficina Da Net

Texto Animado

Anthony — Mon, 18 May 2009 19:05:47 +0000

Aqui começamos configurando nosso palco onde sua medida será de 468*60 com a cor de fundo preta e o frame rate de 28 conforme vemos abaixo:

Agora com a ferramenta Text Tool(T) escrevemos o texto com o qual iremos trabalhar conforme vemos abaixo:

Após isso iremos selecionar os frames 20 e 40 e selecionar a tecla F6, ficando nossa linha do tempo com o aspecto abaixo:

Ainda no frame 40 iremos clicar duas vezes sobre o texto, efetuando a sua edição onde o novo texto vemos abaixo:

Dando continuidade em nosso tutorial agora iremos ao frame 20, onde na barra de propriedades na opção tween iremos escolher a opção Shape.
Nosso próximo passo e selecionar o frame 50 e selecionar a tecla F6, após isso iremos ao frame 60 e agora iremos selecionar a tecla F7,onde retornamos ao frame 20 e efetuamos a sua cópia e no frame 60 iremos selecionar CTRL+SHIFT+ V para colar no mesmo local.
Dando continuidade em nosso trabalho iremos retornar a o frame 50 e na opção tween iremos escolher a opção SHAPE novamente após isso é só testar e conferir o resultado.
Em anexo segue o resultado final de nosso trabalho, um ótima fim de semana a todos.

Fonte: Oficina Da Net

Aplicar estilo CSS com Action Script 2.0

Anthony — Mon, 18 May 2009 14:30:33 +0000

COMO FAZER

Para podermos inserir estilos CSS no Flash necessitamos, em primeiro lugar, que o texto a ser formatado seja renderizado como HTML, isto é independente da versão do Action Script utilizada. No tutorial vamos utilizar uma caixa de texto dinâmico com nome da instância “caixa_txt”. Escolhemos uma caixa de texto dinâmico aonde o código é igualmente válido para aplicar estilos a componentes TextArea e Label cuja propriedade HTML tem o valor TRUE.

A primeira coisa a fazer é criar um novo objeto StyleSheet, para isso começamos o código com:

import TextField.StyleSheet; //necessário para poder criar o objeto StyleSheet
var estilosCSS:StyleSheet = new StyleSheet();

O passo seguinte é completar o ebjeto estiloCSS com definições de estilos. Isto pode ser feito de duas maneiras.

A primeira opção é inserir definições de estilo com ActionScript, de forma concreta com o método setStyle. Neste bloco de código cria-se um objeto StyleSheet e insere-se nele uma definição de estilo para a etiqueta A, de modo que fique personalizado o aspecto dos links. O método setStyle recebe dois parâmetros, o primeiro é o nome da etiqueta ou a classe a personalizar e o segundo são as próprias definições de estilo expressadas na forma de objeto com propriedades.

Código AS 2.0

import TextField.StyleSheet; //necessário para poder criar o objeto StyleSheet
var estilosCSS:StyleSheet = new StyleSheet();
var objetoDeEstiloj:Object = new Object();
objetoDeEstiloj.color = “#666666″;
objetoDeEstiloj.textDecoration = “underline”;
estilosCSS.setStyle(”A”, objetoDeEstiloj);
delete objetoDeEstiloj;
Esse código é a versão extendida. As últimas cinco linhas podem ser substituídas por esta, mesmo que seja menos legível:

estilosCSS.setStyle(”A”, {color:’#666666′,textDecoration:’underline’});
Se fixar os nomes das propriedades, verá que textDecoration é parecida, mas não igual, a text-decoration, propriedade empregada em CSS. Isto indica que se definimos estilos com ActionScript os nomes das propriedades são um pouco diferentes e terão que ter equivalências muito claras. A seguir veremos a correspondência entre propriedades do ActionScript e do CSS.

Propriedade CSS Propriedade equivalente ActionScript (válido para 2.0 y 3.0)
color color
display display
font-family fontFamily
font-size fontSize
font-style fontStyle
font-weight fontWeight
kerning kerning (somente para arquivos criado sno Windows)
leading leading
letter-spacing letterSpacing
margin-left marginLeft
margin-right marginRight
text-align textAlign
text-decoration textDecoration
text-indent textIndent

Até aqui vimos a primeira maneira de completar um objeto StyleSheet com definições de estilo, vejamos agora a segunda opção, que é mais interessante.

Essa segunda alternativa consiste em carregar as definições a partir de um arquivo externo com o método load. Isto nos permite manter totalmente a independência entre os estilos e o filme swf, evitando ter que compilar novamente o swf para aplicar as modificações. Além do mais, não teremos que nos preocupar com as propriedades equivalentes em ActionScript já que este arquivo externo é uma folha de estilo CSS com as propriedades próprias do CSS.

Para chamar o método load é necessário enviar como parâmetro a url do arquivo externo que contém as definições de estilo.

Além do mais, deverá ser definida a função que será executada para receber e carregar o arquivo externo. Nesta função terá que ser testado se o arquivo foi carregado corretamente, e se foi, aplicar os estilos à caixa de texto através de sua propriedade StyleSheet.

import TextField.StyleSheet; //necessário para poder criar o objeto StyleSheet
var estilosCSS:StyleSheet = new StyleSheet(); // criamos o objeto StyleSheet
var texto:String=”Clique aqui para mais informações.”; // texto HTML a formatar
estilosCSS.onLoad = function(success:Boolean) { // função executada para receber dados externos
if (success) { // se o arquivo foi carregado corretamente
caixa_txt.styleSheet = estilosCSS; // aplicamos os estilos
caixa_txt.htmlText = texto; // aplicamos ao texto HTML
} else { // se o arquivo não foi carregado corretamente
trace(”Erro ao carregar o arquivo CSS”);
}
};
estilosCSS.load(”folha1.css”);

Fonte: Oficina Da Net

Foto com tom de dramaticidade

Anthony — Wed, 13 May 2009 12:52:13 +0000

Neste tutorial vamos mostrar como adicionar um dramático, enérgico, bronzeado efeitos às imagens. Iremos converter nosso tema de imagem da seguinte forma:

Abra a imagem e imediatamente duplique o fundo, camada por camada, use o botão direito do mouse sobre a camada que contém a foto e selecionando “Duplicate Layer”. Com o “Background Copy” selecionada, vá para ‘filter’ no menu e escolha a opção ‘Others’ -> “High Pass”, coloque ‘5′ pixels como o raio e clique em OK. Em seguida, altere a mistura do “Background Copy” para ‘Overlay’.

Duplique o Background Original novamente ( “Background Copy 2 ‘) e mova-o para cima das camadas da lista. Com esta nova camada realçada na paleta camadas, vá para a ‘imagem’ no menu principal e escolher ‘Adjustment’ -> ‘Desaturate “. Altere o blend da camada para ‘Hard Light’.

Clique na seta virada para a direita no canto superior direito da pelata camadas e escolha “Flatten Image” no menu suspenso. Isto deixa-nos mais uma vez com uma única camada “Background”. Duplique esta camada e pressione “Ctrl + F ‘(comando-F no Mac) para aplicar o mesmo efeito filtro usado na etapa 1. Mudar o modo dessa camada para ‘Overlay’.

Clique na seta virada para a direita no canto superior direito da paleta camadas e escolha “Flatten Image” no menu suspenso. Em seguida, clique no link “Create New Adjustment Layer” ícone na parte inferior da paleta camadas e escolha a opção “Curves “. NA caixa de diálogo acrescente um ponto clicando diretamente sobre a linha diagonal (ao redor do terço superior no nosso exemplo), mova-o para a esquerda, e clique em OK. Isto irá iluminar toda a imagem (mas incide sobre os olhos

Clique sobre a miniatura da camada máscara Curves Adjustment camada que acabou de criar e pressione “Ctrl + i ‘(Command-i no Mac), a imagem aparecerá mais escura. Defina o seu plano de cor branca (prima D). Selecione a ferramenta Brush de caixa de ferramentas e utilizando uma soft edged brush (eu usei uma escova com diâmetro de 15px e dureza de 15%), pintar os olhos para alegra-los.

Nosso efeito está parecido com isto agora:

Crie uma nova camada, e altere o seu plano para uma bonita cor dos olhos que você gostaria de destacar com seus temas. Estamos indo para selecionar uma boa luz azul (# 94C4D4) para o nosso tema. Mudar o modo de mistura dessa camada para “Color”. Agora, usando as mesmas configurações de Brush que usamos no passo anterior, pinte sobre os olhos para destacá-los com a nova cor. Se achar que a cor é muito vívida, tente ajustar a camada de opacidade para atenuar o efeito.

E nosso enérgico efeito dramático está completo! Divirta-se ao aplicar esta técnica em seus projetos.

Fone: Oficina da net

Flash: Efeito Máscara Giratória

Anthony — Mon, 11 May 2009 14:28:41 +0000

Onde iremos começar com a criação de um novo documento no formato de 400*400,onde iremos importar nossa imagem através do menu File>>Import>>Import to Stage ou através das teclas de atalho CTRL + R,onde abaixo vemos a figura devidamente configurada com a qual iremos trabalhar já inserida no flash:

O passo seguinte é selecionar nossa figura e converter ela pra símbolo através da tecla F8 conforme vemos abaixo:

Dando continuidade nosso próximo passo é selecionar o frame 50 e selecionar a tecla F5 conforme vemos abaixo:

Após isso criamos uma nova camada na qual iremos chamar de máscara conforme vemos abaixo:

Nosso próximo passo é desenhar um retângulo no meio da figura com o Stroke cor bloqueado e a cor branca onde em nosso caso as suas medidas foram 400*5 conforme vemos abaixo:

Com o retângulo ainda selecionado iremos selecionar a tecla F8 para converter o mesmo em símbolo conforme vemos abaixo:

Agora voltaremos ao frame 50 da camada mascara e iremos selecionar a tecla F6, após isso iremos selecionar a ferramenta Free Transform Tool através da tecla Q e iremos fazer com que nosso retângulo fique com o mesmo tamanho que nossa imagem, conforme vemos abaixo:

Agora iremos retornar ao primeiro frame e no painel de propriedades iremos efetuar as configurações abaixo:

Para finalizar nosso tutorial iremos selecionar a camada máscara com o botão direito e escolher a opção Mask conforme vemos abaixo:
Aqui encerramos nosso tutorial onde vale apenas ressaltar que no passo tween é interessante a utilização das três opções do item Rotate para a escolha do melhor modelo, onde vimos só a opção Auto conforme vemos abaixo,além do resultado final para as três opções:

Fonte: Oficina da net

Logar no Google Adsense com PHP e cURL

Anthony — Thu, 07 May 2009 19:08:33 +0000

Um exemplo para nos conectarmos no Google Adsense usando php e cURL, utilizando cookies, USER AGENT e cabeçalhos REFERRER HTTP.

Não existe complicação, basta informar os dados de acesso (e-mail e senha) e deixar que o script faça a conexão.

Veja abaixo o script php responsável pela conexão.

Fonte: Oficina da Net

Photoshop: Efeito Água

Anthony — Mon, 04 May 2009 13:44:23 +0000

Onde iremos começar com a criação de um novo documento com os padrões de 400*400 como já visto anteriormente.
Nosso próximo passo é ir ao menu Filter>>Render >>Clouds,ficando nossa imagem com o aspecto abaixo:

A próxima etapa consiste em novamente acessarmos o menu Filter>>Blur>>Radial Blur,onde iremos efetuar as configurações abaixo:

* Amount:11
Quality:Good
Blur Method:Spin

Ficando nossa imagem com o aspecto abaixo:

Em nosso próximo passo iremos ao menu Filter>>Blur>>Gaussian Blur>> e iremos efetuar as configurações abaixo:

Em seguida vamos ao meu Filter> Sketch>Bas Relief,onde iremos efetuar as configurações abaixo:

Agora iremos ao menu Filter> Sketch>Chrome e efetuamos as configurações abaixo:

Agora iremos ao menu Imagem> Adjustment> Channel Mixer,onde iremos efetuar as configurações abaixo:

Após isso iremos ao menu Imagem>>Matiz/Saturação (Hue/Saturation)e iremos efetuar as configurações abaixo:

O resultado final vemos abaixo:

Fonte: Oficina da Net