Tutorial

Sistema de login seguro sem BD.

Por muito tempo fiz programas com autenticações “baratas” que não necessitavam de banco de dados, somente de uma tela de login para 1 responsável acessar.

Tela de login

Tela de login

Vou ensinar uma maneira bem prática e segura de implementação de login e senha para acesso de uma determinada página.

Login: amblog

Senha: testesha1

Clique aqui para ver o demo do login!

› Continuar lendo

Tags: , , ,

sexta-feira, dezembro 11th, 2009 PHP 1 Comentário

Menu CSS com jQuery Round Corners

Olá amigos, estou adicionando agora um menu que é super legal e bem simples de fazer. O que terá de novidade é que o menu terá bordas arredondadas através do jQuery e usará a propriedade text-shadow, que é uma propriedade do CSS para fazer a sobreposição. O menu será baseado no menu do site  jQuery.com, aquele azul. Vamos fazer ele no modo horizontal e no modo vertical para atender a demanda para qualquer tipo de aplicação.

Veja os menus em funcionamento.

Menu com jQuery

Menu com jQuery

O menu é bem simples de fazer. Siga os passos seguintes para criação.

› Continuar lendo

Tags: , , , , , , ,

quarta-feira, dezembro 9th, 2009 Tutorial, jQuery, menu Sem Comentário

Você conhece o “Mestre” do CSS?

Não? Como assim não conhece?

Site do Majour

Site do Majour

O nome dele é Maurício Samy, autor do site do maujor. Posso dizer que muitas coisas que aprendi sobre CSS foi buscando informações no site dele. Tutoriais, guias, explicações, traduções, exemplos, e muitos outros recursos. Começar a trabalhar com CSS não foi fácil. Não tinha ninguém para me explicar e tive que correr para o site mais poderoso de todos, o Google.

› Continuar lendo

Tags: , , , , , , , ,

terça-feira, dezembro 8th, 2009 Site 1 Comentário

Separando o código com PHP

Trabalhar com HTML puro é estressante? Fica pior quando o site é muito grande? Eis a solução para seus problemas.

O seu Dreamweaver também fica assim?

O seu Dreamweaver também fica assim?

No post anterior eu ensinei como iniciar o trabalho com PHP, a partir daí, vamos dar continuidade ao nosso processo de aprendizado. Quando comecei a trabalhar com PHP, esse foi o meu maior motivo para continuar. Por causa de um link, ter que mudar página por página, para trocar somente “um maldito link” que estava errado é um saco. Agora imagina alterar 500 páginas? Melhor então, seu chefe manda você trocar o banner do site que consta em umas 300 páginas do site? Super Hiper Mega estressante não?

Veja o exemplo em funcionamento!

› Continuar lendo

Tags: , , , , , ,

terça-feira, dezembro 8th, 2009 PHP, Site, Tutorial 3 Comentários

jQuery FadeTo – Efeito Google.com

Olá amigos, hoje vou explicar como funciona o efeito da página inicial do Google utilizando jQuery. Como todos já sabem, o jQuery é uma biblioteca Javascript que permite alterar características da página do lado cliente. Alguns exemplos são, formulários com validação sem ter que acessar outra página e páginas que dão uma resposta a um evento sem ir para uma segunda página de processamento.

Você já deve ter visto a página do Google.com com o efeito hover correto? Ainda não viu, acesse aqui -> jQuery.am-fadeto ou aqui -> google.com.

› Continuar lendo

Tags: , , , , , ,

terça-feira, dezembro 8th, 2009 Tutorial, jQuery 1 Comentário

Menu simples com CSS

Vou explicar como criar um menu bem legal com HTML e CSS. Abaixo tem uma imagem de como ele ficará.

Menu 1

Menu 1

Menu 1

Primeira mente vamos escrever o código da seguinte forma.

› Continuar lendo

Tags: , , , ,

domingo, dezembro 6th, 2009 Tutorial, menu Sem Comentário

Criando logotipo com Adobe Fireworks

Meu logotipo

Meu logotipo

Fiz um tutorial passo-a-passo  para você criar um logotipo bem legal para seu site.

1 – Primeiramente abra o Fireworks -> Novo documento. O documento inicialmente terá largura de 800 pixels e altura de 450 pixels. Mude resolução para 96 pixels/inch, pois é a melhor para internet. Dê Ok.

2 – Escreva o nome que deseja para seu site, exemplo “Site de Fulano” ou “SdF”, com a ferramenta Text Tool.

› Continuar lendo

Tags: , , , , ,

sábado, dezembro 5th, 2009 Adobe Fireworks, Tutorial Sem Comentário