Painel de Usuário



Suas informações:

Nome de usuário:
Convidado
Perfil do usuário:
Convidado
Idade do usuário:
0
Data de Registro:

Última visita:

Mensagens:
0

Opções do Usuário:

Editar Perfil Pessoal
Editar Preferências
Editar Assinatura
Editar Avatar

Tópicos Supervisionados
Ver Minhas Mensagens
Ver Novas Mensagens
Favoritos
Rascunhos

Últimos assuntos

» Novas Atualizações: 12/08
Qui Ago 12, 2010 11:50 pm por Igor_Ruiz

» Jogadores do Santos destratam Robinho e torcedor na internet
Qui Ago 12, 2010 11:41 pm por Igor_Ruiz

» Photoshop: Faça um cubo mágico com uma fotografia sua!
Qua Ago 11, 2010 7:49 pm por Igor_Ruiz

» [BANNER] HI-CHEATS
Sab Ago 07, 2010 4:21 am por Igor_Ruiz

» Seja uma "Parceiro" do Artistic-Tea.
Sab Ago 07, 2010 3:56 am por Igor_Ruiz

» 1º SOTW - Tema - Carros
Qui Ago 05, 2010 12:00 am por Matheus

» Dúvidas | Elogios | Criticas
Sab Jul 31, 2010 3:27 pm por Igor_Ruiz

» Allan se apresenta!
Sex Jul 30, 2010 5:23 pm por Igor_Ruiz

» Gerenciar os Widgets do Fórum
Qua Jul 28, 2010 10:25 pm por Freddy

Estatísticas



Usuários Registrados:
34
Último Usuário:
João Pedro
Mensagens:
280
Tópicos:
101
Assuntos:
61
Idade do fórum:
2946

Pesquisar em
Tutoriais Gráficos

Pesquisa na categoria Tutoriais Gráficos, já colocados por outros membros, se não o encontrares pede-o!

Resultados por:


Nosso Banner

Gostaria de Parceria?

Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!



Clique - Crie parceria

Para parceria, é necessário seu registo no ArtisticTea!

Visitas


    Personalizar cursor

    Compartilhe
    avatar
    Freddy

    Mensagens : 107
    Data de inscrição : 25/06/2010
    Idade : 22
    Localização : Portugal - Joanesburgo

    Personalizar cursor

    Mensagem por Freddy em Qua Jul 07, 2010 10:46 pm

    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




    - 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)



    - 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:
    body {
    cursor: url('URL CURSOR ANI/CUR'), url('URL CURSOR GIF/PNG'), auto;
    }
    Para personalizar o cursor sobre os links:
    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;



    - 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: clip2net

    - 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:
      http://clip2net.com/clip/m13084/1231778635-hnodrop-766b.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:
      http://clip2net.com/clip/m13084/1231778635-hnodrop-766b.cur




    --> FAQ do Tutorial <--
    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 regras, no fórum "Outros pedidos".






    © 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

      Data/hora atual: Qua Jul 18, 2018 9:34 pm