Como Fazer Um Cursor Para Um Site

Índice:

Como Fazer Um Cursor Para Um Site
Como Fazer Um Cursor Para Um Site

Vídeo: Como Fazer Um Cursor Para Um Site

Vídeo: Como Fazer Um Cursor Para Um Site
Vídeo: COMO CRIAR CURSOR DE MOUSE PERSONALIZADO 2021!! 2024, Maio
Anonim

Os navegadores modernos suportam quase completamente o padrão CSS2. Isso permite que os webmasters usem todo o poder das folhas de estilo em cascata para criar elementos originais de design de sites. Um bom design é criado devido à escolha correta do design de cores para os elementos das páginas da web, uma seleção de alta qualidade de tipos de fontes para as fontes usadas, a disposição correta do texto, imagens e tabelas. Mas, além da ampla gama de opções para alterar as propriedades tipográficas do texto exibido e a apresentação visual do documento, CSS fornece ferramentas para controlar os elementos de design que não estão relacionados ao documento. Assim, você pode fazer um cursor para o site ou partes individuais de suas páginas.

Como fazer um cursor para um site
Como fazer um cursor para um site

Necessário

Acesso para editar modelos de página ou arquivos de folha de estilo de site. Dados de acesso ao site via FTP. Programa cliente FTP ou gerenciador de arquivos com suporte para conexão FTP

Instruções

Passo 1

Prepare os arquivos do cursor para o site. Pense em que tipo de cursores, para quais elementos das páginas do site serão usados. Copie os arquivos do cursor para um diretório separado. Os arquivos do cursor podem ser obtidos em temas de cursor gratuitos disponíveis para download na Internet. Você também pode desenhar seu próprio cursor usando os editores de recursos de IDEs populares (por exemplo, Microsoft Visual Studio) ou programas especializados de edição de cursor.

Passo 2

Faça upload dos arquivos do cursor para o site. Conecte-se ao site via FTP usando um programa cliente de FTP ou um gerenciador de arquivos. Copie os arquivos do cursor para o servidor. Faça upload dos arquivos para um diretório acessível na web. Se necessário, altere as permissões nos arquivos do cursor para que possam ser lidos por todos os usuários.

etapa 3

Baixe o arquivo de folha de estilo para sua unidade local. Defina um arquivo de folha de estilo que se conecte a todas as páginas do site para as quais você deseja definir cursores. Carregue este arquivo usando um cliente FTP ou gerenciador de arquivos. Como regra, esses arquivos estão presentes em temas para CMS populares. Se esse arquivo não existir, basta criar um arquivo com a extensão css em seu disco local e editar o modelo de tema incluindo esse arquivo no cabeçalho das páginas da web usando o elemento STYLE.

Passo 4

Edite o arquivo de folha de estilo. Adicione linhas do formulário aos conjuntos de regras que são mapeados para os elementos para os quais você deseja definir o cursor:

cursor: url ('');

Como valor, você deve especificar o endereço do arquivo do cursor no site.

Etapa 5

Faça upload do arquivo de folha de estilo para o servidor. Use o programa cliente de FTP novamente. Substitua o arquivo de folha de estilo antigo no servidor. Desconecte-se do servidor.

Etapa 6

Verifique o seu resultado. Abra uma das páginas do site para a qual o cursor foi atribuído. Passe o mouse sobre este elemento da página. A forma do cursor deve mudar.

Recomendado: