Há muitas razões para adicionar estilo ao seu site: apresentação, representação gráfica de uma idéia, ou apenas diversão. Mudar o cursor ( que é tradicionalmente apresentado como uma seta branca controlada por seu mouse) é apenas uma das muitas alterações que podem ser feitas, mas é uma mudança muito interessante. Ele oferece muitas opções únicas para o webmaster. Para mais dicas e truques sobre HTML, recomendo o popular HTML Simplified for Beginners.
A seguir, estão os passos envolvidos na mudança do cursor do seu site.
- Entenda como funciona a mudança do cursor. A maior parte do tempo, quando se implementa algum tipo de mudança em um site (vaidade ou outra), é sábio perceber o que a mudança realmente faz. Mudar o cursor na sua página web implica uma alteração da tag <body>, uma tag HTML fundamental que é parte da espinha dorsal de qualquer página, e que se situa entre ela própria e a sua tag finalizadora </ body>, a maior parte do conteúdo escrito e codificado de sua página web. O ícone propriamente dito será uma imagem no formato .cur, o qual será hospedado no seu webspace ou em uma origem externa (se você usa um ícone hospedado num lugar diferente que não o seu site, é educado dar crédito através de uma pequena nota em algum lugar do seu website). O cursor não irá exigir muito tempo adicional de carga, e só vai durar pelo tempo que o seu site estiver aberto.
- Compreenda as limitações de mudar o cursor. A verdade sobre mudar o cursor do seu website é que o único navegador que realmente tem suporte para esta alteração é o Internet Explorer e, para a maioria, apenas versões 5.5 e superiores. Mudar o cursor na maioria dos outros navegadores simplesmente não é possível. O que podemos entender como sendo parte da razão para isto é que o sistema operacional Windows permite que você altere o cursor do seu desktop muito livremente. O mais provável é que a Microsoft tenha reconhecido uma demanda para essa personalização e a implementou também em seu software para web.
- Decida o que você quer de seu cursor. Na maioria das vezes, o webmaster que está implementando um novo cursor não busca funcionalidade. Os cursores são muitas vezes uma personalização feita por vaidade, embora às vezes melhorem o esquema visual de um site, de maneira útil e profissional. Por exemplo, em sites com uma função de pesquisa, é comum o cursor mudar para uma ampulheta (ou relógio, etc), enquanto o site está pesquisando, e voltar para um cursor normal quando a pesquisa for concluída.
No entanto, o cursor não é sempre empregado com o fim de uma representação visual útil. Muitas vezes, o webmaster simplesmente deseja mudar o cursor para combinar melhor com seu site, ou fazer referência a um determinado personagem ou conceito. Então, os cursores empregadas podem ser bem desajeitados às vezes, e muitos usuários de computador os acharão sem graça e incômodos. No entanto, alguns cursores são diferentes da tradicional seta, sem comprometer a usabilidade. Figuras e variações sobre a tradicional seta pode alcançar o objetivo de parecerem diferentes, sem serem invasivos. Cursores ostensivos (tais como cursores em diversas formas, animais, etc), mesmo com uma seta claramente definida em seu desenho, ainda poderão ser um incômodo para o usuário. Outros talvez os achem divertidos. Você não pode agradar a todos; a decisão, em última análise, cabe a você.
- Encontre um site que fornece o que você deseja. Na maioria das vezes, é muito fácil achar um site que fornece cursores personalizados e o código que você deve colar no código HTML da sua página web para os cursores funcionarem. Para usar um site para implementar um novo cursor, basta encontrar um como aqueles listados em links recomendados, e siga as suas instruções (muito fáceis). Eles permitem que você escolha um cursor, e então lhe fornecem uma seção de código que você pode colar em seu site, conforme eles o instruem a fazer..
- ...ou faça você mesmo! Você pode criar seus próprios cursores, também. Para fazer isso, você precisará de duas coisas: um programa como GConvert que lhe permitirá criar arquivos .cur, e um local para fazer o upload de seu arquivo .cur. Você pode criar um arquivo gráfico e usando GConvert (e as instruções encontradas em GdgSoft), transformar seu arquivo de imagem em um arquivo de cursor. O software e o tutorial ajudam você a importar uma imagem, definir um "hotspot" na imagem (a seção de seu cursor que reage quando você clica em algo), e salvar a imagem como um arquivo .cur. Depois de criar o seu cursor (salvado no formato .cur) e carregá-lo para o seu webspace, você pode especificar a localização do seu arquivo de cursor usando o atributo "style" da tag <body> em sua página, da seguinte forma: style = "cursor: url (thelocationofyourfile.cur);" De modo que o corpo se parece com esta tag: <body style="cursor:url(thelocationofyourfile.cur);"> Substitua "thelocationofyourfile.cur" com a localização do seu arquivo de cursor como uma URL. Assegure-se de estar usando um cursor válido (.cur).
A descrição acima é toda a informação que você precisa para dar tempereo a sua página da web, com novo e exclusivo cursor. Você pode ir pelo caminho conveniente, escolhendo um dos milhares de cursores já oferecidas (juntamente com o código fonte) online, ou você pode estudar um pouco mais e fazer o seu cursor ainda mais exclusivo, usando o software apropriado e suas próprias imagens. Divirta-se e seja criativo!
Precaução
- Se você criar seu próprio cursor, tenha certeza de que o “hotspot” esteja em om local lógico.
- Use cursores “bonitinhos” para diversão; não desmereça uma página profissional com um cursor bobo.
Dicas Rápidas
- Crie cursores funcionais que não frustrem o usuário.