0

Como mudar o cursor do mouse e a barra de rolagem direita pois fiz muitas pesquisas e todas cursor com o default padrão da tag exemplo do código:

.mouse{
cursor: pointer;
}

e não e assim queria um cursor como nesse site por exemplo claro que não sera o mesmo =3:

http://memorial.grandchase.com.br/

e também a barra de rolagem que não faço ideia de como muda-lá.

2 Respostas 2

1

O cursor você pode pode mudar usando a propriedade cursor especificando uma imagem. Exemplo:

elemento {
    cursor:url(http://placehold.it/15x15);
}

É sempre bom você dar um segundo argumento, para que quando a imagem não seja carregada, o próximo cursor seja chamado:

elemento {
    cursor:url(http://placehold.it/15x15), default;
}

Demo no JSFiddle: http://jsfiddle.net/awtLgkvp/


Sobre a barra de rolagem, não é recomendado mudá-la, uma vez que isso não consta nos padrões da W3C. O máximo que você pode conseguir é mudar a barra de rolagem em um ou dois navegadores, e mesmo assim utilizando bastantes linhas de CSS (o que acarretará em dados inúteis para os usuários que não usam esses navegadores).

Acho bacana uma solução usando JavaScript, mas a ideia em si não é boa. Pode ler mais sobre isso em outras perguntas semelhantes:

0
cursor: url('seu_cursor_personalizado.cur'), apontar;

Quanto a barra de rolagem, dá uma olhada nesse tópico daqui do stackoverflow: Como fazer uma ScrollBar personalizada?

2

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .