segunda-feira, 20 de fevereiro de 2012

Hiperlinks


Para se produzir um hiperlink, como já vimos, a base é a seguinte:

<a href='seusite' title='sualegenda'>textodelink<a>

Mas para se inserir um outro formato de mouse, usamos o código a seguir:

<a href='seusite' title='sualegenda' style='cursor:formato>textodelink</a>

Onde o termo em itálico deve ser substituido por:

  1. style="cursor:hand"

  2. style="cursor:crosshair"

  3. style="cursor:text"

  4. style="cursor:wait"

  5. style="cursor:move"

  6. style="cursor:help"

  7. style="cursor:n-resize"

  8. style="s-resize"

  9. style="cursor:e-resize"

  10. style="cursor:w-resize"

  11. style="cursor:ne-resize"

  12. style="cursor:nw-resize"

  13. style="cursor:se-resize"

  14. style="cursor:sw-resize"

Para se adicionar cursor externo, isto é, personalizado, utilizamos a url do cursor que gostariamos utilizar.

Exemplo:

Cursors Emoticons

Para esse efeito foi utilizado o código seguinte:

<a href="http://cursores.girlspt.com/" rel="tooltip" class="style20" style="font-size: 14px; cursor: url(http://justmcagirls.com.sapo.pt/cursorsemoticons/4.ani), url(http://justmcagirls.com.sapo.pt/cursorsemoticons/4.cur), auto; " title="Cursores Emoticons">Cursors Emoticons</a>

Nenhum comentário:

Postar um comentário

Printfriendly

Postagens populares