Aporte- Como poner un puntero personalizado a tu web

Tema en 'Webmasters' iniciado por Ztar, 21 Jun 2012.

  1. Zta

    Ztar
    Expand Collapse
    Sargento

    Mensajes:
    345
    Me Gusta recibidos:
    13
    Los punteros en una web pueden darle una buena perspectiva a nuestra web. Lo que pocos saben es que hay punteros que solo se ven en el IE que son (puntero.cur) y los del mozilla que son (punteros.gif)
    Les enseñaré como poner en el Mozilla pués es lo que mas se usa hoy en día.

    Primero:
    Tener el link de un puntero en formato .gif (se debe tener el link de la web no de nuestra pc)
    Pd. Se puede poner en los siguientes formatos ( .jpg , .png y .gif)

    Segundo:
    En el código html pondre en negro la parte donde va el puntero

    Solo se cambiara el link.

    <html >
    <head>
    <style type="text/css">body {cursor: url(http://www.cristoferdelatorre.com/punteros/puntero/kakashi-hatake.gif) ,pointer ; }</style>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento sin título</title>
    </head>

    <body>
    ZtarCraft - ModoHard
    </body>
    </html>


    Y listo ya tenemos un puntero personalizado en nuestra web. Eso es todo

    NOTA IMPORTANTE: El tipo especial de cursor GIF Animado no funciona en Internet Explorer y en Firefox y Chrome solo muestra el primer fotograma del GIF, por lo que no veremos animación.
     
    A Neza le gusta esto.
  2. Ito

    Ito Makoto
    Expand Collapse
    Coronel
    Usuario destacado

    Mensajes:
    3.000
    Me Gusta recibidos:
    48
    gracias, aprendi algo mas sobre los punteros y sus visualizaciones en diferentes exploradores, pero no se como me servirian para incrustarlo en una pagina web, ay que no se casi nada sobre creacion de paginas web
     
  3. Ren

    Renzogi :p
    Expand Collapse
    Capitán

    Mensajes:
    751
    Me Gusta recibidos:
    8
    al menos aprende a hacer copy/paste :facepalm:
     
  4. Zta

    Ztar
    Expand Collapse
    Sargento

    Mensajes:
    345
    Me Gusta recibidos:
    13
    Simplemente abajo de head pones el código que puse y ya tu escojes el link del gif que quieres poner
     
  5. boc

    bochinchewarez
    Expand Collapse
    Recluta

    Mensajes:
    5
    Me Gusta recibidos:
    0

Compartir esta página