Tutorial
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
O menu é bem simples de fazer. Siga os passos seguintes para criação.
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?
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!
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.
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
Primeira mente vamos escrever o código da seguinte forma.
Criando logotipo com Adobe Fireworks
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.
Pesquisar no Blog
Tópicos recentes
Calendário de Posts
| D | S | T | Q | Q | S | S |
|---|---|---|---|---|---|---|
| « fev | ||||||
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Arquivos
- fevereiro 2010 (1)
- dezembro 2009 (14)
