Esses dias eu precisei adicionar 1 mês em uma data, e descobrir duas formas de fazer isso.

Caso queira usar isso com o PHP poder ser usado a função explode:

<?php
$dt_ini='30/08/2009';
$total_dias='30';
$data=explode('/', $dt_ini);  //irá jogar em um array os valores para cada barra "/" que encontrar
$ano=$data[2];
$mes=$data[1];
$dia=$data[0];
$proxima_data=mktime(0,0,0, $mes,$dia+$total_dias,$ano);
$dt_final=strftime("%d/%m/%Y", $proxima_data);
echo $dt_final;
?>

A vantagem desse método é que pode ser qualquer formato de data(exemplo 2010-08-30 )

MYSQL

Agora para fazer isso no Mysql, ou seja pegar os registros de uma data no futuro, pode ser usado o comando DATE_ADD

SELECT DATE_ADD(CURDATE(), INTERVAL 1 MONTH)  -- data atual + 1 mês

SELECT DATE_ADD(CURDATE(), INTERVAL -1 MONTH) -- data atual - 1 mês

-- CURDATE() retorna somente a data

-- NOW() retorna data e hora

O INTERVAL pode ser qualquer forma de tempo desde microsegundos até anos. E pode ser usado um valor positivo(data no fututo) ou negativo(datas passadas). Veja aqui as opções.

E logicamente no lugar do CURDATE() pode ser um campo/variavel que contenha data (ele precisa estar salvo no formato DATE ou DATETIME).

Obs:  caso queria colocar uma data fixa ela precisa estar entre aspas ‘2010-08-30′ para funcionar.

Como eu estou trabalhando com PHP, irei começar a colocar aqui algumas funções interessantes, uteis(pelo menos pra mim =D)

Aqui a função em PHP de como gerar dados aleatórios(randomicos), isso pode ser bem util para fazer uma lista de comentários/posts, ou imagens aleatórios.

A função que faz isso no PHP:

rand ($min , $max)

Ex:

$random_text = array("Texto 1",
                    "Texto 2",
                    "Texto 3",
                    "Texto 4",
                    "Texto 5");

$max = count($random_text);
echo $random_text[rand(0,$max-1)];

Essa função é util para gerar numeros aleatórios para um id ou algo assim.

Agora se vc quiser fazer isso numa busca SQL, é mais fácil ainda:

$sql = "SELECT * FROM tabela ORDER BY RAND()";

Recebi essa “historia” por e-mail do pessoal da facu, para entender ela é preciso conhecer algumas linguaguens de programação.

Se voce não sabe nada sobre programação não perca o seu tempo lendo ela :p

Java

Chega,  encontra o dragão. Desenvolve um framework para aniquilamento de   dragões em  múltiplas camadas. Escreve vários artigos sobre o framework, mas não mata o  dragão.

.NET

Chega,  olha a ideia do Javanês e a copia, tenta matar o dragão, mas é   comido pelo  réptil.

C

Chega,  olha para o dragão com olhar de desprezo, puxa seu canivete, degola o  dragão. Encontra a princesa, mas a ignora para ver os últimos checkins no cvs do kernel do linux.

C++

Cria um canivete básico e vai juntando funcionalidades até ter uma espada complexa  que apenas ele consegue entender … Mata o dragão, mas trava no meio da  ponte por causa dos memory leaks.

COBOL

Chega,olha o dragão, pensa que tá velho demais para conseguir matar um bicho daquele tamanho e pegar a princesa e, então, vai embora de volta ao seu mundinho.

Pascal

Se prepara durante 10 anos para criar um sistema de aniquilamento de dragão… Chegando lá descobre que o programa só aceita lagartixas como entrada.

VB

Monta uma arma de destruição de dragões a partir de vários componentes, parte pro  pau pra cima do dragão e, na hora H, descobre que a espada só   funciona durante noites chuvosas…

PL/SQL

Coleta  dados de outros matadores de dragão, cria tabelas com N relacionamentos de  complexidade ternaria, dados em 3 dimensões, OLAP, demora 15 anos para  processar a informação. Enquanto isso a princesa virou lésbica.

Ruby

Chega com uma puta fama, falando que é o melhor e faz tudo, quando vai enfrentar o  dragão mostra um videozinho dele matando um dragao… O dragão come ele de  tédio.

Smalltalk

chega, analisa o dragão e a princesa, vira as costas e vai embora, pois eles são  muito inferiores.

Shell

cria uma arma poderosa para matar os dragões, mas, na hora H, não se lembra como  usá-la.

Shell(2)

o cara chega no dragão com um script de 2 linhas que mata, corta, stripa, empala,  pica em pedacinhos e empalha o bicho, mas na hora que ele roda, o script  aumenta, engorda, enfurece e coloca álcool no fogo do  dragão.

ASSEMBLY

acha que está fazendo o mais certo e enxuto, porém troca um A por D, mata a princesa e transa com o dragão.

Fortran

Chega desenvolve uma solução com 45000 linhas de codigo, mata o dragão vai ao  encontro da princesa … mas esta o chama de tiuzinho e sai correndo   atrás do programador java que era elegante e ficou  rico.

FOX PRO

Desenvolve  um sistema para matar o dragão, por fora é bunitinho e funciona, mas por  dentro está tudo remendado. Quando ele vai executar o aniquilador de dragões  lembra que esqueceu de indexar os DBF’s.

CLIPPER

Monta uma rotina que carrega um array de codeblocks para insultar o dragão, cantar  a princesa, carregar a espada para memória, moer o dragão, limpar a sujeira,  lascar leite condensado com morangos na princesa gostosa, transar com a  princesa, tomar banho, ligar o carro, colocar
gasolina e voltar pra casa. Na  hora de rodar recebe um “Bound Error: Array Access” e o dragão come ele com farinha.

A MELHOR DE  TODAS:

ANALISTA DE PROCESSOS

Chega  ao dragão com duas toneladas de documentação desenvolvida sobre o processo  de se matar um dragão genérico, desenvolve um fluxograma super complexo para  libertar a princesa e se casar com ela, convence o dragão que aquilo vai ser  bom pra ele, e que não será doloroso. Ao executar o processo ele estima o  esforço e o tamanho do estrago que isso vai causar, a assinatura do papa, do  buda e do Raul Seixas para o plano, e então compra 2 bombas nucleares, 45  canhões, 1 porta aviões, contrata 300 homens armados até os dentes, quando  na verdade necessitaria apenas da espada que estava na sua mão o tempo todo.

e ai quantas dessas linguagens voce tem pelo menos uma ideia do que foi dito?.

Eu tive 5 delas na facu :p o.O , smalltalk eu nunca tinha ouvido falar…

A tag <label> serve para criar um relacionamento entre o texto (rótulo descritivo) e o campo. Essa tag é muito usada para tornar o site acessivel a leitores de tela(para deficientes visuais).

Mas ela também faz com que ao ser clicado no texto o campo receba o foco(o cursor), com isso podemos tornar o texto de um checkbox clicavel.

Para usa-lo, é só adicionar um for=”nomedocampo” no label, e o nomedocampo deve ser definido no id do input, lembrando que o id deve ser unico em todo o formulario.

Aqui um codigo de exemplo:

  <form method="post" action="?">
<label for="username">Nome:</label> <input type='text' id='username' />

<label for="password">Senha: </label> <input type='password' id='password' />

<label for="chekbox">Chekbox: </label><input type="checkbox" value="login" id='chekbox' />
<input type='radio'  id='radio' name='nome'"> <label for='radio'>texto</label> <input type="submit" value="login" />

</form>

Exemplo, clique nos textos:

Legal né ?, e pode ser usado em qualquer formulário, e com certeza os usuarios iram agradecer já que fica bem mais facil de se clicar, só é preciso que os usuarios saibam dessa funcionalidade

Eu estava aqui convertendo a base de dados do wordpress para o meu sistema e vi que, no wordpress ao salvar no banco de dados ele usa quebra de linha(o enter mesmo), o editor que eu estou usando, para quebrar a linha adiciona <p>; nbsp </p>. Mas ao listar o conteudo o HTML não reconhece essas quebra de linhas.

Para converter essas quebras de linhas para o codigo HTML <p>; nbsp </p>, que irá realmente quebrar a linha existe a função nl2br com isso todas as quebras de linhas que houver no BD serão convertidas para <p>; nbsp </p> tornando assim a quebra visivel pelo HTML.

O seu uso é bem simples:

<?

nl2br($conteudo);

?>

simples não?

 Voltado as atividades aqui no site.

Eu achei um site muito legal que tem uma grande seleção de scripts que usam Ajax, são mais de 50 scripts e todos com uma imagem de preview, para ter uma ideia das funcionalidades, só que todo o conteudo está em ingles

http://miniajax.com

No post anterior sobre data eu mostrei como salvar uma data, mas daquela maneira ela fica em ingles, isso fica visivel se usar o F ou o D que exibem o nome do mês.

Mas existe uma maneira de gravar as datas em pt-br para isso se usa o comando strftime ele permite formatar a data de acordo com as configurações locais.

Para definir o local do onde você está se usa o setlocale

[cod=''php"]setlocale(LC_ALL, “pt_BR”, “ptb”); //selecionar o local parapt-br[/code]

após ter definido o local que estamos, podemos usar o strftime, o seu uso é simples:

[cod=''php"] $formato = '%d-%B-%Y %H:%M:%S';
$horario = strftime($formato);

echo $horario; [/code] ]

as formatações aceitas são:

• %a - dia da semana abreviado de acordo com a localidade
• %A - nome da semana completo de acordo com a localidade
• %b - nome do mês abreviado de acordo com a localidade
• %B - nome do mês completo de acordo com a localidade
• %c - representação da data e hora preferida pela a localidade
• %C - número do século (o ano dividido por 100 e truncado para um inteiro, de 00 até 99)
• %d - dia do mês como um número decimal (de 01 até 31)
• %D - mesmo que %m/%d/%y
• %e - dia do mês como um número decimal, um simples dígito é precedido por espaço (de ' 1' até '31')
• %g - como %G, mas sem o século.
• %G - o 4-dígito do ano correspodendo as ISO week number (see %V). Este tem o mesmo formato e valor que %Y, exceto que se o ISO week number pertence ao prévio ou próximo ano, aquele ano é usado ao invés deste.
• %h - mesmo que %b
• %H - hora como um número decimal usando um relógio de 24-horas (de 00 até 23)
• %I - hora como um número decimal usando um relógio de 12-hoas (de 01 até 12)
• %j - dia do ano como número decimal (de 001 até 366)
• %m - mês como número decimal (de 01 até 12)
• %M - minuto como número decimal
• %n - caracter novalinha
• %p - um dos dois `am' ou `pm' de acordo com o valor da hora dada, ou as strings correspondentes para a localidade
• %r - hora em a.m. e p.m. notação
• %R - hora em notação de 24 horas
• %S - segundo como um número decimal
• %t - caracter tab
• %T - hora corrente, igual a %H:%M:%S
• %u - dia da semana como número decimal [1,7], com 1 representando Segunda-feira

Uma outra maneira de formatar a exibição da data é usando o substr, e também pode ser util para para ler a data salva e exibi-la em partes, isso pode ser usado para exibir ela em uma imagem(em um calendario como é aqui no site). Ex:

[cod=''php"]$data = '2010-08-28';
$dia = substr($data, 8, 2);// 8 é o numero do primeiro caracter e ser lido e 2 é o numero de caracteres a ser mostrado

$mes = substr($data, 5, 2);
$ano = substr($data, 0, 4);
echo “$dia/$mes/$ano”;[/code]

com essa função, pode se montar um switch para exibir o mês com nome por extenso ex:

switch (substr($data, 5,2)) {
case '01':
echo 'Jan';
break;
case '02':
echo 'Fev';
break;
case '03':
echo 'Mar';
break;
case '04':
echo 'Abr';
break;
case '05':
echo 'Mai';
break;
case '06':
echo 'Jun';
break;
case '07':
echo 'Jul';
break;
case '08':
echo 'Ago';
break;
case '09':
echo 'Set';
break;
case '10':
echo 'Out';
break;
case '11':
echo 'Nov';
break;
case '12':
echo 'Dez';
break;
}

Acho que usar essa segunda maneira é melhor, principalmente se for preciso, fazer busca usando data, mas fica a criterio de cada um escolher a melhor opção =D

O site webdesignerwall fez uma lista dos sites mais bonitos, baseados em XHTML e CSS, vale a pena dar uma olhada, nessa lista pra tirar algumas ideias, e como não são feitos em flash dá pra copiar algum efeito, ou aprender como é efeito. Eu pelo menos sempre usei essa ideia, qualquer efeito ou função, que eu ache legal eu olho o fonte, e tento usá-lo.

Só num vá me copiar o site inteiro e dizer que é seu hein.

É tudo em ingles, a listagem: http://www.webdesignerwall.com/trends/best-of-css-design-2007/ 

Hoje eu estava procurando algum sistema de abas, pra usar no meu CMS, e no trajeto achei varios interessantes, vou fazer uma lista deles. Mas todos eles são de sites em ingles

Esse usa algumas imagens nas abas deixando um efeito bem legal:

http://dhtmlx.com/docs/products/dhtmlxTabbar/index.shtml

esse usa ajax para caregar o conteudo, só tomem cuidado com o SEO :

http://20bits.com/2007/05/23/dynamic-ajax-tabs-in-20-lines/

esse é legal por que, não é preciso clicar na aba é só passar o mouse em cima:

http://www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange//

Esse é interessante pois cada aba tem um link(o que eu estava procurando) ou seja com esse link ele já abre na aba desejada:

http://phrogz.net/JS/Tabtastic/index.html

Achados em: http://www.linksweb.com.br/ 

Para quem oferece algum sistema, onde qualquer pessoa possa enviar textos é interessante, ter um editor para formatação de textos, já que não é qualquer um que sabe comandos HTML para formatar o texto. E o seu uso é recomendado para não permitir que qualquer comando HTML possa ser usado, já que alguns comandos poderiam arruinar o seu Layout

Para fazer isso existem dois tipo de editores:

WYSIWYG(What You See Is What You Get), que é um editor visual ou seja ao usa-lo você já verá o texto formatado, igual o word, g-mail, wordpress, etc.

BBCODE(Bulletin Board Code), que é uma simples função para substituir caracteres, ex: a tag <b></b> ficará [b][/b], como o seu nome diz ele foi criado para fóruns, onde é encontrado comumente, para criar um editor desse é preciso saber bastante programação, já que é preciso, substituir todos os caracteres, e bloquear o uso de outros comandos html.

Usando um WYSIWYG

Os editores desse tipo, são de uso mais facil, pois são feitos com Javascript, e podem ser usados com qualquer tipo de sistema, PHP, ASP, etc.

Quando eu estive procurando por isso, achei um monte de editores assim, mas não consegui usar ou adaptar ao que eu queria quase nenhum.

O unico que eu me dei bem foi o TinyMCE. Veja aqui um exemplo dele Para usa-lo é bem simple, com o download dele em alguma pasta do seu sistema, e adicione o seguinte no arquivoirá usa-lo

<script type=”text/javascript” src=”pasta_onde_esta_os_arquivos/tinymce/tiny_mce.js”></script>

<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "safari,spellchecker,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,pagebreak,imagemanager,filemanager",
theme_advanced_buttons1_add_before : "save,newdocument,separator",
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,spellchecker,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
content_css : "/example_data/example_full.css",
plugin_insertdate_dateFormat : "%Y-%m-%d",
plugin_insertdate_timeFormat : "%H:%M:%S",
external_link_list_url : "example_data/example_link_list.js",
external_image_list_url : "example_data/example_image_list.js",
flash_external_list_url : "example_data/example_flash_list.js",
template_external_list_url : "example_data/example_template_list.js",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : true,
apply_source_formatting : true,
spellchecker_languages : "+English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr,German=de,Italian=it,Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv"
});
</script>

Esse segundo javascript serve para formatar a exibição, no caso aqui ele irá aparecer todas as opções, mas como ele usa um esquema de plugins, cada botão é um plugin, então é possiveo formatar isso.

Como pode ser visto ele tem theme_advanced_buttonsX_add e na frente de cada uma tem os botões que seram mostrados, ou seja é só deletar o nome do botão para remove-lo. E se não for usar um botão pode remover a sua pasta dentro do tinymce para ficar mais leve.

Adicionando esses scripts ele irá adicionar o editor em todas as textareas que houver na página.

Eu resolvi fazer uma coletanea de tutoriais voltados para ensinar PHP, e irei comecar a ensinar do mais basico possivel até aonde eu souber. Para isso eu criei a categoria chamada Aprenda PHP, todos os posts que tiverem nela teram um sequencia, em cada post irei colocar quais posts, devem ter sido lidos anteriormente e quais devem ser a proxima leitura(quando houver).

Mas Primeiro…

Na minha faculdade eu tive varias linguagens de programação, e tirando 1(delphi, e porque o professor era otimo), todas simplesmente ensinavam a fazer programas sem nenhuma utilidade pratica, eles não me servem pra nada, como calculadora, sistema de biblioteca, video-locadora, esses programas para terem alguma utilidade teriam que ser extremamente bem feitos, para poderem ser vendidos, e isso é bem dificil.

Mas com o PHP foi diferente, eu aprendi ele sozinho, só atravez de tutoriais, (nem apostila usei), mas eu usei uma tecnica interessante, eu primeiro tive um objetivo, o meu objetivo era criar um CMS, um sistema de gerenciamento de conteudo, um blog(o Wordpress), tanto que irei usa-lo aqui no clubepc. Com um objetivo e sabendo como ele funciona, e o que eu queria que ele tivesse, então corri atraz do conhecimento em php para fazer isso.

Então a dica é ter um objetivo ou seja aprender criando algo util, e que você possa usar, como um sistema de blog, ou um sistema de fórum, enfim qualquer coisa que lhe tenha alguma utilidade.

Usando essa tecnica eu consegui realmente aprender PHP. =D

E por isso irei ensinar PHP com algo pratico, irei ensinar a fazer um blog(que com pequenas mudanças pode ser um fórum), mas é logico que para aprender a fazer um blog antes é preciso saber muitas coisas, que seram uteis para qualquer coisa que você queira fazer, ou seja o objetivo final será um blog, mas será poucos posts voltados unicamente para o blog no geral seram ensinamentos genericos do PHP.

E é logico que para aprender uma linguagem de programação o passo fundamental é exercitar o que aprendeu, testanto, modificando, etc.

Introdução ao PHP

O PHP(um acrônimo recursivo para “PHP: Hypertext Preprocessor”) é uma linguagem de programação dinâmica para produção de websites. Para quem não conhece linguagens de programação, PHP pode ser um pouco difícil no começo, como toda linguagem. O PHP é uma linguagem orientada a objeto, com a sintaxe parecida com a do C, só que muito mais simples e prática.

Entende-se por uma página dinâmica, toda a página que é gerada quando existe um pedido no servidor. Ou seja, a página que chega ao utilizador não existe “escrita” no servidor. Existem sim os conteúdos, que serão depois colocados nos respectivos locais, na página, consoante os pedidos. O melhor exemplo de um site dinâmico, é um motor de pesquisa. É impossível (e impensável) armazenar todas as combinações de páginas que surgem, quando fazemos diversas pesquisas. Isto quer dizer, que as paginas não existem, elas são “geradas” com informações que estão em bases de dados.

Tudo o que sai do código PHP (output), usa HTML. Logo é fundamental ter conhecimentos de HTML.

Preparar apontar e…

Para poder executar os scripts feitos em php é preciso ter um servidor PHP, qualquer servidor de hospedagem tem esse recurso, mas o ideia é ter um servidor no seu pc para tornar mais rapido e facil os testes, por isso veja aqui como instalar o php no Windows.

Entendendo o Codigo

Para criar e editar scripts em PHP podemos utilizar qualquer editor Html, ou até mesmo o bloco de notas. O ideal é usar editores que diferenciem o código utilizando cores, como o notepad++ ou pode usar o PHP editor

Sempre devemos salvar os scripts com extensão “.php”.

Um script php pode conter ou não tags Html, essas tags não são processadas pelo servidor, são simplesmente passadas ao solicitante. Normalmente utiliza-se Html para fazer o layout.

Para o servidor saber que o conteudo é em php e processa-lo usamos os segintes sinalizadores:

<?

Código php…

?>

ou

<?php

Código php…

?>

Sintaxe Básica

Exemplo de codigo em php que irá mostrar na tela o texto “Exibindo esse texto na tela”

<?

$variavel = "exibindo esse texto na tela!!" ;

echo "Olha que legal estou ".$variavel;

?>

Agora vamos entender o codigo.

Exibindo na tela

Para exibir um conteudo na tela usamos o comando echo

Para exibirmos textos usamos as aspas, podem ser aspas duplas (“) ou aspas simples (‘) a unica regra é, que deve se colocar no inicio, e no fim o mesmo tipo.

Para o servidor saber que aquela linha acabou usamos um delimitador, como na maioria das linguagens de programação usa-se o ponto e virgula (;), todas as linhas precisam ter o ; se não ele dará um erro.

Variáveis

Para criar uma variável, usa se o cifrão $(não é dolar, como diz um professor meu), o php tem a facilidade de não precisar declarar o tipo de variável, como string, inteiro, real, etc.

Um nome de variável válido se inicia com uma letra ou sublinhado, seguido de qualquer número de letras, algarismos ou sublinhados. Ou seja não pode começar com numeros.

O PHP é Case sensitive, ele diferencia letras minusculas de maisculas, ou seja $Texto é diferente de $texto;

Para atribuir um valor a variável usa-se o igual (=).

Para concatenarmos(exibir ambos usando o mesmo echo) variaveis e textos usamos o ponto(.), Ex: echo “texto” .$var1 .$var2;

Uma boa pratica é dar o nome da variavel, de acordo com o seu conteudo ou a sua funcionalidade.

Comentários

<?

$variavel = "exibindo esse texto na tela!!" ;  //Comentário de 1 linha

/* Comentário de

varias

linhas

*/

echo "Olha que legal estou ".$variavel;

?>

Para comentar o seu codigo, algo fundamental em qualquer program, pode se usar duas barras (//) se houver somente 1 linha, para comentar em varias linhas usa se o barra asterisco(/*) que indica o começo do comentário, e o asterisco barra (*/) que indica o fim do comentário.

E por hoje é só pessoal.

Conclusão

Se você leu e fez tudo até aqui, você tem o php instalado, e sabe os comandos mais basicos do php.

Como lição de casa, execute o que foi mostrado aqui e saiba como exibir um conteudo na tela, pois isso é o item mais usado e basico.

Os proximos passos/leituras são:

Como fazer formulários em HTML/PHP – aqui eu ensino a como pegar os dados de um formulario.

Aprender as estruturas de controle, como if, while, for – esse irei fazer quando possivel

E aqui no site tem muito conteudo relacionado ao PHP e HTML de uma olhada nas categorias.

Para qualquer um que queira aprender alguma programação voltada para WEB(PHP, ASP, JAVA, etc) precisa saber como criar um formulário em HTML, já que é com eles que você irá coletar qualquer dado digitados pelo usuário.

Então irei explicar todos os passos, e as tags envolvidas, para se criar um fórmulario, e coletar os dados usando PHP.

Leituras recomendadas.

O <form></form>

A tag <form> delimita um formulário, ou seja tudo que estiver dentro dele será enviado ao clicar no botão, ela tem algumas propriedades:

<form name=”nome_do_form” method=”metodo_de_transferencia” action=”url_do_script”>

Explicando:

name: o name serve principalmente por questão de organização para vc saber o que ele faz, ele não é obrigatorio, a menos que vc tenha alguma função em javascript dai ele pode ser obrigatorio.

method: esse é o metodo que os dados serão enviados, se usam dois metodos get e post(leitura obrigatoria)

action: aqui será o nome ou a url, do arquivo que irá “pegar” os dados digitados no formulario.

O <input>

A tag <input> é um campo para entrada de dados, essa tag não precisa ser fechada(não existe </input>).

<input name=”titulo”>

id: campo opcional, usado para algumas funções com javascripttype: tipo de campo, ao qual atribuímos seis valores diferentes para gerar seis tipos diferentes de entrada de dados:

text: campo normal para digitação de textos, esse é o type padrão, caso não seja expecificado nenhum type.

<input name=”titulo” value=”texto” type=”text” />

password: campo de tipo senha, ao digitar algum valor os caracteres são escondidos por asteriscos<input name=”titulo” value=”texto” type=”password” />

Os campos do tipo text e password tem os seguintes atributos adicionais:size: comprimento da caixa de texto, o 26 representa o numero de caracteres que será visivel na telapodem ser digitados.

maxlength: numero de caracteres que poderá ser digitado.

value: Conteudo que irá aparecer no input

hidden: campo invisivel na tela, usado para passar valores de um formulario para outro.

checkbox: botão de multipla escolha,
<input name=”titulo” value=”futebol” type=”checkbox”>Item 1
<input name=”titulo” value=”volei” type=”checkbox” checked=”checked”>Item 2, Checado

radio: botão de unica escolha, desde que todos tenham o mesmo name, só 1 deles poderá ser escolhido
<input name=”titulo” value=”item1″ type=”radio” />Item 1
<input name=”titulo” value=”item2″ type=”radio” />Item 2
<input name=”titulo” value=”item3″ type=”radio” checked=”checked” />Item 3, Checado

Os campos do tipo chekbox e radio tem o atributo checked=”checked” que permite definir um item como selecionado.submit: botão para envio de dados, ele contem o value que será o texto a aparecer no botão
<input type=”submit” value=”texto” >

A <textarea> </textarea>A tag <textarea> também é um campo para digitar qualquer valor mas ele permite ter varias linhas. Existe os seguintes atributos para ele:

<textarea name=”post” id=”post” rows=”5″ cols=”40″>Aqui fica algum texto, se quizer</textarea>

name e id: tem as mesmas funcionalidades do input.

rows: numero de linhas que haverá

cols: numero de colunas que haverá(cada coluna é o equivalente a 1 caracter).

Esses são os principais e fundamentais itens para um fórmulario, existem outros veja os aqui. Essas tags não podem ter a sua aparencia alterada, mudada somente CSS, mas existe um jeito de alterar eles usando um script em javascript.
Criando um formulário

Agora que você já conhece para que serve cada um deles vamos, criar um formulario completo, para entender completamente o seu funcionamento.

Para usar o formulário usamos 2 arquivos o primeiro terá somente o formulário, usando as tags aqui explicadas, por isso pode ser em .html. E o segundo irá coletar os dados digitados, por isso precisa ser feito usando a linguagem de programação escolhida, no caso irei explicar com PHP, por isso é preciso executa-lo em um servidor, ou em localhost com o php instalado.

Para o exemplo não irei usar o radio e nem o checkbox pois são mais complicados para “pegar” o item selecionado(se tiver duvidas em como fazer isso é só perguntar), e a ideia desse artigo é ensinar o basico sobre como usar formularios.

Crie o arquivo com o formulário, chame-o de form.html, com o seguinte conteudo.

<head>
<title>Teste de Formulario com PHP</title>
<head>
<body>
<h2>Teste de Formulario com PHP</h2>
<form name="teste" method="post" action="resultado.php">
<input name="texto" type="text" /><br><br>
<input name="senha" type="password" /><br><br>
<textarea name="post" id="artigo" rows="5" cols="40"></textarea><br><br>

<input type="submit" value="Enviar">
</body>

e agora crie o arquivo que irá receber os dados, chame o de resultado.php(ou o nome que vc colocou no action do arquivo anterior), o seu conteudo será

<?
$texto = $_POST["texto"];
$senha = $_POST["senha"];
$post = $_POST["post"];

echo "O texto digitado foi: ".$texto;
echo "<br> A senha digitada foi: ".$senha;
echo "<br> O post digitado foi: ".$post;
?>

Criamos as 3 variaveis e gravamos nela os dados que vieram do formulario usando o $_POST, depois damos um echo para exibir na tela os dados.

Bem simples não?, qualquer duvida é só perguntar.

Para quem estiver acompanhando a área Aprendendo PHP.

Leitura Obrigatoria: Tutorial Básico PHP, Coletando informações do usuário com PHP,

Leitura Recomendada: Mudando o layout dos formulários HTML

Os proximos passos/leituras são:

Comandos basicos do Mysql no PHP

Uma função muito útil é poder enviar e-mails, isso pode ser muito útil para criar formulários de contato, ou enviar os dados de novo registro, etc.

Para podermos enviar e-mais usando o php usamos a função mail()

Ela aceita alguns parâmetros como, Destinatário, Assunto, Mensagem para dividirmos as linhas da mensagem podemos usar o \n, e Cabeçalho o cabeçalho é de uso opcional. Os outros3 itens são de uso obrigatório.

Veja um exemplo:

<?php
mail(“email@exemplo.com”, “Um Assunto aqui”, “Bla Bla Bla\n Ha HA HA HA\n Pois é pois é pois é”,”Content-Type: text/html; charset=iso-8859-1″);
?>

é logico que na mensagem pode ser usado comandos HTML para formatar a mensagem.

Com isso é possível usar Um formulário em HTML e pegar os dados do usuario.

Hoje eu apanhei bastante para conseguir instalar o trio Apache, PHP, Mysql, por isso resolvi fazer um tutorial, para ajudar quem quiser instalar o php em seu PC para fazer testes ou aprender PHP.

Bem vale apena avisar que é um pouco complicado e demorado pra instalar esse trio, então se você quiser isso somente para testar alguns scripts ou fazer testes é mais facil usar sistemas prontos como o easyphp ou xampp, eu estava usando o xampp e ele é bem tranqüilo de se usar, mas como não estava funcionando o mod_rewrite resolvi instalar o php normalmente.

 1) Download

Para começar é preciso fazer o download do trio parada dura.

UPDATE: hoje 15/01/2009 eu precisei instalar o php, e usei as ultimas versões e funcionaram perfeitamente seguindo esse tutorial, com isso o primeiro link é o original e o segundo é a ultima versão, recomendo baixar a ultima versão

Apache: http://www.apache.org/dist/httpd/binaries/win32/

eu baixei o apache_2.2.6-win32-x86-no_ssl.msi  apache_2.2.11-win32-x86-no_ssl.msi

PHP: http://www.php.net/downloads.php

eu baixei o PHP 5.2.5-win32-installer.msi ou php-5.2.8-win32-installer.msi

MySQL: http://dev.mysql.com/downloads/mysql/5.0.html

eu baixei esse Mysql-5.0.45 ou Mysql-5.0.67

esses arquivos .msi vem com instalador

2) Instalando o Apache

2.1) Vamos começar a instalar pelo Apache se você baixou o que eu citei é só ir clicando em avançar, para ficar mais fácil instale na pasta C:\Apache2.2\. Somente na tela Server Information que deve ser digitado alguns itens, como a idéia é usar o php no seu computador preencha os itens; Network Domain:”localdomain”, Server Name: “localhost” e seu e-mail no último campo.

Apos terminar de instalar o apache, ele é configurado como um serviço do Windows, que pode ser acessado através do Executar services.msc e por isso a cada vez que é feito uma alteração no apache é preciso reinicia-lo, mas ele tem o apache monitor pra agilizar isso, ele fica no system tray(ali perto do relógio) .

2.2) Para testar se está funcionando digite no seu navegador http://127.0.0.1 ou http://localhost/ se estiver funcionando irá aparecer na tela It works!. As versões mais antigas do Apache exibiam outras informações, mas a 2.2 mostra só isso.

2.3) As páginas ficam por padrão na pasta “htdocs”, dentro da pasta onde o Apache foi instalado. No meu caso, é “C:\Apache2.2\htdocs”. Basta substituir o arquivo “index.html” pelo do seu site, e colocar suas páginas e sub pastas aí. Assim você poderá acessar as sub pastas da pasta “htdocs” digitando http://localhost/pasta, em qualquer navegador no pc local.

3) Instalando o PHP

3.1) Se você baixou o que eu usei, ele vem com o instalador então é só ir dando proximo. Para ficar mais facil a configuração instale ele na pasta C:\php5. Na instalação do PHP, ele pedirá o tipo de servidor usado. No caso, escolha Apache 2.2.x:

3.2) Então ele pede o local dos arquivos de configuração do Apache. Localize a pasta conf, dentro da pasta do Apache, senão a configuração não será automatizada (mas veremos também como fazê-la manualmente):

3.3) Em uma das telas irá aparecer a opção para selecionar o que será selecionado, na categoria “Extensions”, localize o item “MySQL”, clique no ícone de um disco ao lado dele, e clique na opção “Will be installed on local hard drive”:

3.4) Aproveite e selecione a opção GD2, caso queira trabalhar com imagens dinamicas no php.
Ao final da instalação o instalador do PHP pergunta se você quer que ele atualize os arquivos de configuração do Apache. Se quiser a configuração automática, confirme.(eu vi isso em tuto mas no meu não apareceu tal opção).

3.5) Se já tiver sido configurado o Apache no php para testar crie um arquivo teste.php e nele coloque:

<html><head><title>Informações do meu servidor</title></head>
<body>
<?php phpinfo(); ?>
</body></html>

Se estiver funcionando ele irá exibir um numero imenso de informações do php.

No caso de não ter aparecido a tela para configurar o Apache durante a instalação do php teremos que configura-lo manualmente.

4) Configurando o apache para reconhecer o PHP

4.1) Vá na pasta onde foi instalado o Apache e vá na pasta conf, abra o arquivo httpd.conf no final do arquivo(na ultima linha mesmo) e adicione:

PHPIniDir “C:\\php\\”
LoadModule php5_module “C:\\php\\php5apache2_2.dll

Importante: para instalações no windows é preciso usar “\\”  por padrão ele usa “/” (barra do linux)

A linha PHPIniDir define a pasta do PHP, onde ele foi instalado (onde esta o php.ini original).
A linha LoadModule… Carrega o módulo do PHP no Apache, que se chama “php5_module”, e está no arquivo “C:\php5\php5apache2_2.dll”.

Imagem do arquivo C:\Apache2.2\conf\httpd.conf

4.2) Para que ele abra automaticamente as paginas index.php procure a linha:

DirectoryIndex index.html

e adiciona depois do index.html os arquivos desejados como index.php index.shtml etc

Reinicie o apache para ele validar essa configuração.

Agora vamos fazer algumas edições no php por isso abra o arquivo php.ini que está na pasta do PHP, as alterações são opcionais mas são muito uteis.

4.3) Procure por short_open_tag e mude de Off para On, com isso serão aceitos os comandos<? … ?>

4.4) Procure por error_reporting e tire o ponto e virgula “;” da frente dele(para descomentar) e adicione na frente E_ALL & ~E_NOTICE & ~E_STRIC, com isso serão exibidos os erros e em que linha eles estão, sem isso se houver erro a pagina simplesmente ficará em branco.

Dica: através do Adicionar ou Remover programas no item do php tem o botão Alterar, ao clicar nele uma das opções é Change com ela é possível alterar a versão do tipo de servidor, e das extensões existentes, isso pode ser muito útil caso tenha errado ou esquecido de algo.

Nesse momento o php deve estar funcionando. Caso não esteja funcionando volte e revise os passos antes de continuar.

5) Instalando o MySQL

5.1) E mais uma vez é só ir dando avançar nas opções, eu recomendo que ele seja instalado na pasta “C:\Apache2.2\MySQL“. Num ponto ele pede a ativação de conexões TCP/IP, e permite escolher a porta onde ele ficará disponível, dando como padrão a 3306, deixe esse valor, e se for o caso, libere essa porta para aceitar conexões de entrada no seu firewall.

5.2) Mais algumas telas ele dará a opção de incluir o caminho do MySQL na variável de ambiente “Path” do Windows. É bom marcá-la, para que você possa chamar os executáveis do MySQL a partir de qualquer prompt, em qualquer pasta. Basta marcar a opção “Include Bin Directory in Windows PATH”:

5.3) Na próxima tela deve-se definir a senha de root, que é o administrador do MySQL. Se você mexe com PHP deve saber que para acessar um banco de dados é necessário fornecer um nome de usuário e senha válidos para aquele banco; você poderá usar o “root” e a senha definida aqui, ou outra conta. Justamente, para criar outras contas você precisará do root, e para alterar as configurações ou criar novos bancos de dados, também. Portanto, anote esta senha em um local seguro, se vc perder essa senha terá q desinstalar e instalar novamente o mysql.

Agora vem a última parte da configuração. Se algo der errado aqui, o MySQL poderá não funcionar corretamente. Apenas clique em “Execute. Se tudo ocorreu bem, você verá uma tela como essa.

5.4) Caso de alguem erro em Start Service volte duas telas e mude o Service name(imagem acima) para mysql5.

5.5) Se ele não conseguir obter acesso à porta definida na instalação (por padrão, a 3306), ele poderá exibir esta mensagem:

Clique em “Retry” quantas vezes forem necessárias, para tentar a configuração. Libere conexões de entrada na porta 3306, pelo seu firewall, se for o caso. Se clicar em “Skip” a configuração falhará, e você deverá executar o assistente de configuração novamente.

5.6) O mysql por padrão é acessado atravez do DOS usandos os comandos SQL, mas é possível usar uma interface gráfica, existem varias a mais comum é o phpmyadmin para usa-lo é só extrair os arquivos para a pasta htdocs do apache C:\Apache2.2\htdocs

Se vc quiser renomeie o arquivo config.sample.inc.php para config.inc.php abra o arquivo e digite a a senha do mysql em $cfg['blowfish_secret'] ele irá criptografar a sua senha, mas para testes locais isso não é importante.

Para acessa-lo é só ir no localhost e abrir pasta dele http://localhost/phpMyAdmin/ e digitar o usuário e senha criados no mysql

Pronto agora o trio parada-dura deve estar funcionando tomara.

No caso de não ter funcionado, quero avisar que para versões anteriores do arquivos usam configurações diferentes, essas versões estão bem mais fáceis de serem instaladas, mas se você não baixar os pacotes .msi a coisa muda totalmente.

Bem qualquer duvida pode perguntar que eu tento ajudar.

6) Problemas/Duvidas Comuns

D: Ao digitar  http://localhost/ ele somente aparece a mensagem It works!

R:  Isso é devido ao fato dele exibir automaticamente paginas com o nome index.php ou outros nomes configuradas(item 4.2) simplesmente delete o arquivo index.html da pasta htdocs.

D:  Ao criar algum arquivo .php ele não exibe nada, pagina em branco.

R: Isso quer dizer que o apache não foi configurado corretamente e não está enviado os comandos para o PHP interpretar . Normalmente o problema está na má configuração do apache, o item 4 é exclusivamente para isso, verifique todos os passos principalmente os locais dos arquivos caso vc tenha instalado em algum local diferente.

Por padrão ao instalar ele configura o PHPIniDir com o local em que foi instalado mas com as barras erradas,  usando a / sendo que no windows é preciso usar \\

D: Porque eu não posso dar dois cliques no arquivo .php para executar ele?

R: Não é possivel abrir diretamente um arquivo php, já que o php sozinho não consegue exibir um arquivo ele precisa de um servidor web, que no caso é o apache(existem outros) ou seja sem o servidor web o php não consegue fazer nada, por isso é preciso usar o localhost e colocar todos os arquivos na pasta htdocs.

D: Não há nenhum software ou executável para configurar o php ?

R: Não, todas as configurações dele são feitas atravez do php.ini com isso não há nada para ser executado ou no Menu Iniciar

D: Eu tenho que editar os arquivos php no bloco de notas?

R: Não, existem muitos softwares que podem ser usados para editar os arquivos, eu particurlamente recomendo o Notepad++ já que a unica coisa que ele faz é colorir os codigos, ou seja é bom para que vc memorize mais os codigos. Outros softwares comuns são Dreamweaver, Zend Studio, Eclipse, entre muitos outros, alguns deles oferecem função de auto completar um comando, debugger, entre outras coisas.

Há alguns comentarios com duvidas similares, já respondidos aqui, tente dar uma olhada para ver se não é o mesmo problema que o seu =D

Irei ensinar 2 maneiras de redirecionar uma pagina, usando meta tag, e javascript, o meta tag tem a vantagem de permitir definir um tempo até que a página seja redirecionada, já usando javascript não tem essa opção.

Usando Meta tag

html>
<head>
<title>Redirecionando...</title>
<meta http-equiv="refresh" content="10;url=http://www.clubepc.org/"> <!---- adcione somente esta linha no cabeçalho, </head>

<body>
Depois de 10 segundo você será redirecionado para o site <b>Clube PC</b>.
</body>
</html>

em content=”10 esse 10 quer dizer o tempo em segundos que a pagina levará para ser redirecionada

Usando JavaScript

<html>
<head>
<title>Redirecionado...</title>
</head>
<body>
<span style="font-weight: bold;"> Esta página será
redirecionada para um novo endereço. Se não funcionar
após alguns segundos, clique </span> <a href="http://www.clubepc.org" target=_parent>aqui</a><br>
<br>
</body>
</html>

<script language="Javascript">
parent.top.location.href='http://www.clubepc.org';
</script>

ou também <script>window.location.href=’dicas.php’;</script>

Para entrar no espírito de natal é legal adicionar algo no site, mudar o layout ou criar um logo de natal, mas isso pode dar trabalho, algo bem facil de se fazer é colocar um efeito de neve caindo. Por isso vou postar um script em javascript que faz isso.

Um exemplo de como ficará pode ser visto aqui.

Ele usa uma imagem de neve então copie essa imagem aqui(ou qualquer uma a sua escolha)

o link para essa imagem é http://i12.tinypic.com/6uscqjq.gif

para usa-lo é bem simples simplesmente copie todo o conteudo a seguir e cole após o <body> de seu site.

<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use

Clubepc.org
******************************************/
function openwindow(){
window.open("autumn_effect.htm","","width=350,height=500")
}

//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("clubepc.org")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-50);  // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://www.clubepc.org\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() {  // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>

para ele funcionar é preciso alterar:

//Configure below to change URL path to the snow image
var snowsrc=”snow.gif”

para o endereço de onde se encontra a imagem, caso ela esteja na mesma pasta que a pagina pode deixar como está.

Também é possivel alterar os seguintes itens
// Configure below to change number of snow to render
var no = 10;
Irá alterar o numero de “flocos” de neve que irão aparecer

// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;

Irá alterar o tempo que o “flocos” seram exibidos na tela, 0 é infinito(ele irá até o fim da sua pagina e comecará do topo novamente)

// Configure how much snow should drop down before fading (“windowheight” or “pageheight”)
var snowdistance = “pageheight”;

Altera o tempo que os flocos iram cair, pageheight é até o fim da sua pagina(se tiver uma pagina grade isso não será bom), e windowheight é até o fim da tela(resolução do monitor).

Para manter a organizaçãse o do codigo fonte de seu site você pode salvar esse script em um arquivo .js como snow.js e em seu codigo fonte(também depois do <body>) colocar apenas

<script src=”snow.js” type=”text/javascript”></script>

alterando o src=”" para o local do arquivo no caso dele não estar na mesma pasta.

Um aviso importante: esse efeito de neve, usa bastante o processador!!!, com 5 abas dele abertas no firefox, ele estava usando 70% do meu processador(turion 64 – 2Ghz), então é melhor, colocar esse efeito, só na pagina inicial de seu site, para que ele não apareça em todas as paginas.

Se alguem quizer um outro script que não usa imagem(irá aparecer pontos) pode pedir que eu disponibilizo.

Update: olhando as origens das visitas achei no site http://www.agitonoite.com/index.php algo muito interessante, ao invez de usar a imagem de neve, colocaram um gif de fogos de artificios, ficou muito legal.

Fica ai a ideia pra quem quizer usar esse efeito agora depois do natal =D

Gostou desse script?, quer saber como ele funciona. Então veja o preço de alguns livros no Já cotei

Como eu já havia falado antes o Internet Explorer 6 não reconhece o comando position: fixed(o IE7 já reconhece) então para podermos fixar um conteudo na tela precisamos usar um hack.

Veja aqui um exemplo de como é um conteudo fixo

Vejamos então como fazer isso.

Nos navegadores descentes(qualquer um que não seja o IE), usamos os seguintes atributos do CSS para fixar um conteudo na tela:

<style type="text/css">

#meudiv{
position: fixed;
left: 100px;
top: 50px;
}

</style>

<div id="meudiv">
Algum conteudo aqui
</div>

Sendo o left e top as distancias que o conteudo irá ficar em relação a tela.

Como o IE 6 ou anterior não reconhece esse comando precisamos usar o seguinte hack:

<style type="text/css">

* html #meudiv{ /*IE6 only rule, applied on top of the default above*

left: 100px;
position: absolute;
top: expression(document.compatMode=="CSS1Compat"?        document.documentElement.scrollTop+50+"px" : body.scrollTop+100+"px");

}

</style>

<div id="meudiv">
Algum conteudo aqui
</div>

O * html é um hack que indica que o conteudo só será executado no IE 5 ou 6, e para alterar a altura que o conteudo ficará na tela é só mudar o numero em body.scrollTop+100+”px”

Como eu havia explicado no post anterior você pode colocar o dois css #meudiv que o segundo só será executado no IE e o primeiro em todos os outros navegadores

Mas com esse hack o conteudo fixo, fica um pouco estranho no IE, pois ao mover a tela, é como se o conteudo o se movesse também, e ele retorna para posição fixa, principalmente se for algo grande(muitas linhas), veja o exemplo para saber do que estou falando.

E no fórum tem um exemplo de uso disso na imagem de ir ao topo(irei colocar algo parecido aqui no blog)

Os comandos html para formulários(input, button, etc) tem um layout que não pode ser mudado com CSS, mas existe alguns scripts em javascript que permitem alterar esse layout um deles é o niceform. Veja só a diferença:

o normal: usando o niceform:

bem melhor não ??

Para usa-lo é simples, primeiro faça o download dele aqui, ele vem com um arquivo de exemplo para poder dar uma olhada, mas para aplica-lo em suas paginas é só adicionar:

<script language=”javascript” type=”text/javascript” src=”niceforms.js”></script>
<style type=”text/css” media=”screen”>@import url(niceforms-default.css);</style>

e em seu formulário coloque class=”niceform” ex: <form action=”pagina.php” method=”post” class=”niceform”>

E pronto ele já irá alterar todos os comandos para o novo layout. O ueba usa esse sistema na sua pagina de enviar noticias http://ueba.com.br/NovoLink

Obs: na pasta imagens tem todas as imagens que ele usa(tudo que é visto são imagens), ou seja é possível mudar elas para se adaptar ao layout do seu site =D

Uma grande funcionalidade na criação de paginas é poder salvar cookies, que são arquivos com informações do site que ficam no pc do usuario, eles são muito uteis para por exemplo salvar os dados de login(a função permaner logado usa cookie), saber a ultima data de visita entre muitas outras funcionalidades.

Para poder usar os cookies no site em php é bem simples é só usar a funçao setcookie(). Essa função envia um cookie junto com os cabeçalhos da página, portanto não deve haver nenhuma saída(echos, tags html e espaços em branco) antes dele.

O setcookie() permite seis parâmetros:

name: é o nome do cookie;
value: é o valor do cookie;
expire: é o tempo que o cookie terá de vida (em segundos);
path: é o caminho no servidor em que o cookie estará disponível;
domain: é o domínio em que o cookie estará disponível;
secure: define se o cookie será criado em conexão segura(1) ou não(0).

Os que serão usados sempre serão os 3 primeiros, se o expire não for declarado, o cookie será excluido ao fechar o navegador.

Vamos ver um exemplo de uso do cookie:

<?php
$valor = "www.clubepc.org";  \\dado gravado no  cookie

setcookie("teste", $valor, time()+3600);  \\aqui cria um cookie chamado teste e que expira em uma hora */
?>

E para pegarmos o valor dele fazemos da seguinte maneira:

<?php
echo "O valor do cookie é ".$_COOKIE["teste"]; \\mostrará: O valor do cookie é www.clubepc.org

?>

a matriz $_COOKIE é usada para chamar o valor por causa da diretiva register_globals do php.

para apagar o cookie, caso não precise usá-lo mais, basta fazer como no exemplo:

<?php
setcookie("teste", "", time()-3600); \\observe o negativo antes do tempo em segundo e o valor, que foi setado como nulo ?>

Só para lembrar só é possivel guardar um valor em cada cookie para guardar mais valores é só criar varios cookies.

Essa foi uma pequena intrudução a cookies que vai ser util para o artigo sobre login usando cookies.

Um atributo bem interessante que é possivel alterar é o efeito alpha, ele serve para tornar uma imagem transparente, exatamente como pode ser visto aqui no site.

Para usar esse efeito se usa os seguintes atributos:

Para internet explorer:

opacity:.50;filter: alpha(opacity=50);

Para firefox:
-moz-opacity: 0.5;

No caso o 50 e o 0.5 é a porcentagem de transparencia, sendo 100 ou 1.0 a imagem normal, e 10 ou 0.1 extremamente transparente(quase invisivel).

Para usa-lo e só adicionar no css ligado a imagem. Nem vou adicionar um exemplo pois o site todo é um exemplo disso =D
Qualquer dúvida é só perguntar.

Update: eu criei um exemplo para entender melhor como fica esse efeito, aqui

Obs: eu nunca testei esse efeito em outros navegadores como o opera se alguem puder testar e falar se funciona vai ajudar bastante.