Entrar
Os membros mais ativos do mês
Nenhum usuário |
Quem está conectado?
Há 5 usuários online :: 0 registrados, 0 invisíveis e 5 visitantes Nenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 23 em Seg Jun 08, 2020 3:43 am
Últimos assuntos
[TUTORIAL] Personalizar o cursor do mouse
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Scripts CSS
Página 1 de 1
[TUTORIAL] Personalizar o cursor do mouse
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Cursor personalizado |
Com este tutorial aprenderemos a modificar o cursor do mouse nos nossos fóruns. Para alguns o cursor padrão do computador não agrada, por isso existe a possibilidade de o modificar por meio de códigos. Somente tenha atenção pois terá de tê-lo salvo em alguns formatos diferentes para que possa funcionar com todos os navegadores.
--> Tutoriais, dicas e astúcias <--
Personalizar o cursor do mouse
Personalizar o cursor do mouse
1º - Aceder à "Folha de estilo CSS":
Para que possamos personalizar o cursor do fórum, teremos de aceder a:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(clique na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
2º - Iremos trabalhar o código:
o código é semelhante para todos, apenas irá se distinguir nas URL's das imagens dos cursores, que iremos ver de seguida.
Neste tutorial iremos abordar as duas situações mais frequentes da utilização dos cursores, que é a personalização do cursor normal (setinha) e do cursor quando sobreposto a um link (mãosinha).
Para personalizar o cursor normal:
Para personalizar o cursor sobre os links:body {
cursor: url('URL CURSOR ANI/CUR'), url('URL CURSOR GIF/PNG'), auto;
}
a:hover {
cursor: url('URL CURSOR ANI/CUR'), url('URL CURSOR GIF/PNG'), auto;
}
vermelho - Terá de ser o link de uma imagem no formato .ani ou .cur, pois são as imagens aceites pelo Internet Explorer, e é também a imagem normal do cursor;
vermelho escuro - É também uma imagem no formato .ani ou .cur, mas desta vez é a imagem que o mouse terá quando estiver sobre um link;
verde - Terá de ser o link de uma imagem no formato .gif ou .png, pois são as imagens aceites pelo Mozilla Firefox, e é também a imagem normal do cursor;
verde escuro - É também uma imagem no formato .gif ou .png, mas desta vez é a imagem que o mouse terá quando estiver sobre um link;
3º - Hospedar imagens dos cursores:
Para o grupo dos verdes, poderá utilizar o Servimg, ou outros serviços de hospedagem de imagens, uma vez que são formatos comuns nos sites de armazenamento de imagens.
Já para o grupo dos vermelhos, é um pouco complicado, pois estes ficheiros são normalmente hospedados em servidores de ficheiros normais, no entanto fizemos a escolha por um método de hospedagem, o único até agora experimentado, não é o único, pois poderá utilizar outros métodos. Bom a nossa escolha recaiu em: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
- Terão de efectuar um registo;
- Fazer download do programa de hospedagem de arquivo;
- Mas antes de carregar, acedam ás opções, e preencham os campos de membro registado no serviço clip2net;
- Agora façam a publicação do arquivo;
- Acedam aos vossos ficheiros hospedados e vejam o vosso cursor na lista e carreguem na imagem:
- Na nova página, no link "Download File", carregam com o botão direito do rato, sobre o link, e acedam a "Propriedades";
- Copiem o endereço de ligação;
- No endereço copiado, comecem a apagar o que não interessa, começando do fim, até ás letras do formato do ficheiro:
Vejam um exemplo: o endereço:[Tens de ter uma conta e sessão iniciada para poderes visualizar este link].cur?nocache=1
A vermelho, está o que não interessa;
A azul, está o parte final do que não pode ser eliminado, ora, eu chegeui a .cur, e não eliminei mais;
No final teria o endereço do meu cursor:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
--> FAQ do Tutorial <--
Modificar o cursor do mouse
Modificar o cursor do mouse
- Posso pedir meu cursor aqui no FdF?
Sim, claro que pode! Não temos uma área específica para este tipo de criação!
Mas poderá fazer o seu pedido basta criar um tópico que esteja dentro das [Tens de ter uma conta e sessão iniciada para poderes visualizar este link], no fórum "[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]".
- Onde poderei hospedar minha imagem?
Há vários sites onde o poderá fazer, tais como:- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Modificar o cursor do mouse |
Tópicos semelhantes
» [TUTORIAL] Personalizar as caixas de mensagem
» [TUTORIAL] Personalizar caixa de Busca
» [TUTORIAL] Personalizar fundo de categorias
» [TUTORIAL] Personalizar o Chatbox
» [TUTORIAL] Personalizar o fundo do quote
» [TUTORIAL] Personalizar caixa de Busca
» [TUTORIAL] Personalizar fundo de categorias
» [TUTORIAL] Personalizar o Chatbox
» [TUTORIAL] Personalizar o fundo do quote
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Scripts CSS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Dom Jun 24, 2012 11:15 am por Alisson Silva
» [Re-Apresentação] Fábio
Sex maio 25, 2012 4:45 pm por Fábio
» PixelZIP ~ design&programção em só lugar
Sex maio 25, 2012 4:44 pm por Fábio
» Pedido de logo
Dom maio 20, 2012 10:06 am por Alisson Silva
» Kernel - Apresentação
Sáb maio 19, 2012 9:49 am por Alisson Silva
» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sáb maio 19, 2012 9:48 am por Alisson Silva
» HEBBO HOTEL 24 HORAS ONLINE !!
Sex maio 04, 2012 7:20 pm por Alisson Silva
» Pedido de Layout
Sex maio 04, 2012 5:23 pm por Fonsecca
» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry
» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry