Els llocs amb un aspecte atractiu són molt populars entre els visitants. Per millorar l’aspecte del recurs, els seus propietaris solen canviar totalment o parcialment el disseny. Malauradament, afegir nous elements de colors per a la decoració de pàgines requereix molt de temps. Una manera ràpida de captar l'atenció dels visitants dels recursos és substituir el cursor habitual per una imatge petita. Per instal·lar aquest element al lloc, heu de realitzar uns quants passos senzills.
És necessari
- - lloc propi
- - tenir almenys coneixements bàsics d'HTML
- - saber on es troba el codi CSS al lloc
Instruccions
Pas 1
En primer lloc, descarregueu una imatge que substituirà el punter del lloc. Les imatges de formats gràfics habituals (.bmp,.gif,.jpg,.png, etc.) no són adequades per a aquest propòsit.
Pas 2
Per substituir el punter, necessiteu una imatge en format.cur o.ani. Per obtenir aquesta imatge, cerqueu a Internet imatges especialment dissenyades per als cursors. L'extensió.cur és específica per a imatges estàtiques i l'extensió.ani és específica per a imatges animades. Deseu el fitxer que vulgueu a l'ordinador.
Pas 3
Però per canviar el punter, no és gens necessari prendre la imatge acabada. Si voleu fer una imatge vosaltres mateixos, utilitzeu un dels programes especials per crear cursors o convertir formats de fitxers gràfics.
Pas 4
Empleneu la imatge del cursor del lloc. A continuació, al codi del recurs, cerqueu l'etiqueta i feu-hi els canvis següents:
En lloc d’escriure "images / 1.ani", indiqueu el camí a la imatge penjada al vostre lloc.
Pas 5
Si voleu que el cursor tingui la forma d’una imatge quan passeu el cursor per sobre de l’enllaç i quan no hi hagi l’element d’enllaç, perquè sembli una altra imatge, és millor utilitzar CSS per canviar el punter. Per fer aquestes transformacions, primer carregueu un altre fitxer amb l'extensió.cur o.ani al lloc.
Pas 6
A continuació, al CSS del vostre lloc, feu una entrada "body {cursor: url ('1.ani');}", en lloc de "1.ani", especifiqueu el camí d'accés a la imatge principal per al cursor carregat al lloc. Aquest codi afegeix la propietat per canviar el cursor a la imatge especificada per l'etiqueta en què està escrit el contingut de totes les pàgines del recurs.
Pas 7
A continuació, escriviu en CSS la línia "a {cursor: url ('2.ani');}", substituint "2.ani" pel camí cap a la imatge del cursor pujada al recurs, que hauria d'aparèixer quan es col·loqui el punter sobre l'enllaç. L'entrada feta permet substituir el cursor per la imatge corresponent quan el punter arriba a qualsevol enllaç del lloc, ja que fa canvis a la propietat de l'etiqueta.
