8 de out. de 2011

Cursores Padrões

Cute-fashion-love-favim.com-173560_large

    Depois de um bom tempo sem postar (8 dias) eu finalmente criei vergonha na cara e cá estou eu, eu iria postar dia 6, ou 7 um tutorial sobre personalizar a data da postagem que nem no Place Fame. Mas como eu estava possuída pela preguiça, e pelo blogger, que me atrapalhou eu desisti. Postarei brevemente. Mas enquanto isso não acontece, ensinarei algumas coisas de CSS ao longo do tempo. Lets Go!

Os cursores padrões podem serem usados em links, em palavras negritadas, sublinhadas, tachadas... Enfim, sem muito blá blá blá, vamos conhecer eles!

default
crosshair
pointer
move
nw-resize
n-resize
e-resize
help
text
wait

   Bom, agora vamos colocá-los em prática! Caso queira por cursores diferentes em links, procure por cada uma dessas linhas, acrescentando o código em vermelho abaixo de cada um, mas não apague NADA que acompanhe os códigos, somente acrescente o que está em vermelho:
a:link { cursor: NOME_DO_CURSOR; }
a:visited { cursor: NOME_DO_CURSOR; }
a:hover { cursor: NOME_DO_CURSOR; }
Caso queira o cursor nas palavras em negrito, itálico, ou sublinhado coloque isso no seu HTML:
b, strong { cursor: NOME_DO_CURSOR; color: #COR_DA_FONTE; }
u, underline { cursor: NOME_DO_CURSOR; color: #COR_DA_FONTE; }
i { cursor: NOME_DO_CURSOR; color: #COR_DA_FONTE; }
Já existe no blog um tutorial mais explicado sobre essas seleções, confira aqui. Ah, e como eu tinha esquecido  nome de ALGUNS cursores padrões pesquisei no Google, e cai nessa postagem, então, obrigada e devidos créditos! Bom pessoal, por hoje é isso! Desculpem qualquer coisa e obrigada pelos +200 seguidores. Beijos, Emily. <3

18 comentários:

  1. Amei o tutorial, vou colocar no meu próximo layout, mês que vem acho. Eu sou muito indecisa né? Toda hora mudo haha'

    Beijos, Carol.
    http://conselhosdostardoll.blogspot.com/

    ResponderExcluir
  2. tutorial muito útil!

    www.lovehtml-oficial.blogspot.com

    ResponderExcluir
  3. Que legal estes cursores emy (:

    Bitch (H) KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK

    Beijos ,
    www.garotaspaceblog.blogspot.com

    ResponderExcluir
  4. Emily , vc poderia fazer um tutorial ensinando como colocar o titulo do gadget com sombra na imagem ( igual vc fez no PF com os titulos do gadget ) Aguardo sua resposta , parabens pelo blog !!!

    Rááh Pequetuxa

    wwwetcvariascoisas.blogspot.com

    ResponderExcluir
  5. adorei! sempre me perguntava como tu fazia isso kk
    Ah posta logo aquele tuto, to louca pra ver! (:
    obrigado pelo comentário-elogio lá no tuto que fiz kk

    goimagines.blogspot.com

    ResponderExcluir
  6. Gostei! E estou esperando o tuto pra modificar a data, ein? rs
    beijos

    ResponderExcluir
  7. Não esquece do tutorial da data, ok?
    Beijos gata, sucesso!

    ResponderExcluir
  8. Acho meio chato fazer isso, mas achei o post dela igualzinho a esse... E nem créditos tem.
    http://extrastutoriais.blogspot.com/2011/10/cursores-padroes-novo.html#more

    Um outro site me plagiou hoje, e eu perdi a paciência com isso. Vê aí o que você acha. Beijos.

    ResponderExcluir
  9. Emily, o tutorial é muito bom, mas aquela garota (aquela q disse q era plagiadora e parou de ser, lembra?) copiou igual ao seu....

    ResponderExcluir
  10. Oiie, viciei aki no teu blog, os utoriais sao muito uteis... claro que ja to seguindo.. segue de volta: http://lltudoaver.blogspot.com

    agora to fazendo edições de fotos e banners, se estiver interessada: http://lltudoaver.blogspot.com/2011/08/novidade-no-blog.html

    ResponderExcluir
  11. Adorei os cursores! Pena q ainda n coloquei em meu blog...

    EmY, queria que vc fizesse um tutorial ensinando a fazer um cabeçalho personalizável para o blogger...

    Ah, o place fame extra e o place fame são incríveis! parabéns!

    Bjssss, Lala, do Happy Charllote (www.happy-charllote.blogspot.com)

    ResponderExcluir
  12. Hoy fofa *-* Estou sumida né? Shasushau.
    Obrigada pelos creditos =D
    Os cursores padroes deixam o blog mais fofo,rsrs.

    Bjs,
    Giih!

    http://blogdasmeninasblogueiras.blogspot.com

    ResponderExcluir
  13. Emily, então copiaram o meu outro lay, ai eu queria saber como os sites grandes conseguem proteger o html do sites deles contra o Crtl+U.

    E pedir o tutorial de colocar esses butões: Voltar, topo e atualizar.

    Obrigada: www.causenostalgia.tk

    ResponderExcluir
  14. Ain flor, quero aprender tantas coisas aqui!
    por exemplo, como você personaliza os seus comentário, ou como você coloca essa fonte no cabeçalho e como você coloca essa linha pontinhada com a tag e por quem foi postado ahh e também a data e aquela imagem redondinha do lado da data...
    espero que me ajude é muuita coisa beijos
    www.rosa-chiclete.com

    ResponderExcluir
  15. seguindoo aquii, segue de volta emylli? Beijao, amei o blog!!
    http://perfeitateen.blogspot.com/

    ResponderExcluir
  16. Eu gostei bastante do seu tutorial *-*

    Amei seu blog... super fofo e super clean.

    Vou seguir seu blog.

    Bjonas (:

    Fique com Deus ♥

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.