17 de mar de 2013

Mudar o Cursor do Mouse

A pedido da amiga blogueira Daniela (Foflis), disponibilizo um tutorial sobre cursor mouse. 

No html de seu blog procure por: body {
vai estar assim;

 body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);


Antes de ser fechada a tag, coloque:

cursor: pointer;

Ficando assim:

 body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);

  cursor: pointer;

Ainda no html de seu blog procure por:

 a:link {
 a:visite{
 a:hover{

Antes de terminar cada tag coloque:

cursor: pointer;

Substitua o "pointer" por qualquer um dos ponteiros abaixo:

* default (seta)
* crosshair (cruz)
* e-resize (seta que aponta à direita)
* hand;(mão)
* help; (sinal de pergunta)
* move; (cruz com setas nas extremidades)
* n-resize; (seta que aponta para cima)
* ne-resize; (seta que aponta ao nordeste)
* nw-resize; (seta que aponta ao noroeste)
* s-resize; (seta que aponta para baixo)
* se-resize; (seta que aponta para o sudeste)
* sw-resize; (seta que aponta para o sudoeste)
* w-resize; (seta que aponta à esquerda)
Atenção: Não esqueça de colocar "ponto e vírgula" (;) após colocar o tipo de cursor desejado.

Para colocar uma imagem no cursor, deixo o nome de um site que tem uma variedade de
cursores para blog: Cursors 4U clique neste link e você será direcionada ao site.

Para colocar no seu blog, vá no html, clique ctrl+f para abrir a caixinha de pesquisa e
coloque:</body>
Quando encontrar coloque acima desta tag o código do cursor.

Obs: No site Cursors 4U você vai encontrar dois códigos, selecione o primeiro.

Gostou do tutorial Daniela? Qualquer dúvida pergunte.

Daniela, você me fez dois pedidos, não entendi: botar ao lado
esse negócio de escrever. Explique melhor o que quer. Bjinhos.

4 comentários :

  1. O negocio onde eu escrevo estas perguntas .


    E oque é tag???

    ResponderExcluir
    Respostas
    1. TAGs são os comandos do HTML que permitem o usuário dirigir sua procura por assuntos de seu interesse, tornando assim a busca mais fácil e rápida.

      Excluir
  2. Não consegui mudar a seta !

    ResponderExcluir
    Respostas
    1. Amiga Daniela, no seu template vá em modelo, aperte editar html, aperte a tecla CTRL e F ao mesmo tempo, abrirá a caixinha de pesquisa, coloque dentro da caixinha body{
      quando vc encontrar, antes de terminar esta tag coloque
      cursor:... escolha um dos que achar melhor.
      ficando assim:

      body{
      cursor:pointer;

      Logo abaixo da tag body{ tem:

      a:link{
      a:visite{
      a:hover{

      abaixo de cada uma delas vc coloca:
      cursor:... o cursor que quiser.
      Ficando assim:

      a:link{
      cursor:pointer;

      a:visited{
      cursor:pointer;

      a:hover{
      cursor:pointer;

      -> Qualquer dúvida pergunte.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo