Como Colocar O Cursor No Site

Índice:

Como Colocar O Cursor No Site
Como Colocar O Cursor No Site

Vídeo: Como Colocar O Cursor No Site

Vídeo: Como Colocar O Cursor No Site
Vídeo: Como Personalizar o Cursor do Mouse 2024, Maio
Anonim

Ponteiros (cursores) são usados atualmente em quase todos os lugares onde há um computador. Sem eles, é difícil imaginar uma navegação rápida e conveniente pelas seções estruturadas de um site ou pacote de software. Os cursores da Web diferem de outros tipos de cursores em sua capacidade de editar a maioria das configurações de exibição.

Como colocar o cursor no site
Como colocar o cursor no site

É necessário

Site, os princípios básicos do layout da página do site (CSS)

Instruções

Passo 1

Qualquer cursor em um site é identificado pela propriedade cursor. Para editar as configurações de exibição do cursor em seu site, basta conhecer bem o inglês ou ser fluente no dicionário Inglês-Russo. A maioria dos comandos e operadores no layout das páginas do site são criados com base em palavras simples. Por exemplo, cursor, auto, move, etc. Existe um conjunto padrão de cursores para qualquer plataforma, que obviamente pode ser alterado. Você pode usar arquivos de índice da Internet para adicionar cursores alternativos ao seu site. Esses arquivos têm a extensão cur ou svg.

Passo 2

Para cursores padrão, os seguintes comandos são usados:

- default - o cursor padrão, via de regra, se parece com uma simples seta branca;

- auto - cursor que é definido automaticamente por padrão;

- ponteiro - o cursor que muda quando você passa o mouse sobre o link;

- mover - um cursor que permite mover qualquer objeto sob o mouse;

- a categoria de redimensionamento (s-redimensionar, n-redimensionar, w-redimensionar, e-redimensionar, etc.) - cursores que permitem expandir ou estreitar as bordas da janela, os valores das letras antes de redimensionar indicam o lado do mundo (sul, norte, oeste e leste);

- texto - cursor, que indica a capacidade de selecionar texto.

etapa 3

Para a plataforma Ucoz, o código de configuração do cursor será semelhante a este:

CodeSPAN.auto {cursor: auto; }

Se você quiser especificar o arquivo do cursor, não precisa carregá-lo no seu site, você só pode especificar o link antes da imagem do índice. Por exemplo, o arquivo do cursor está localizado em mysite.ru/cursors/mycur.cur ou mysite.ru/cursors/mycur.svg. Então, a expressão que produz o cursor alternativo terá a seguinte aparência:

CodeP {cursor: url ("mysite.ru/cursors/mycur.cur"), automático; }

P {cursor: url ("mysite.ru/cursors/mycur.cur"), url ("my.cur"), mover; }

Passo 4

Assim, você pode instalar qualquer arquivo de cursor em seu site; o suporte para cursores alternativos foi incluído em 2002 em quase todos os navegadores.

Recomendado: