A vonzó megjelenésű webhelyek nagyon népszerűek a látogatók körében. Az erőforrás megjelenésének javítása érdekében tulajdonosaik általában teljesen vagy részben megváltoztatják a kialakítást. Sajnos az új színes elemek hozzáadása az oldal dekorálásához sok időt vesz igénybe. Az erőforrás-látogatók figyelmének felkeltésének gyors módja a megszokott kurzor kicserélése egy kis képpel. Egy ilyen elem telepítéséhez a webhelyre néhány egyszerű lépést kell végrehajtania.
Szükséges
- - saját oldal
- - rendelkezzen legalább alapvető HTML-ismeretekkel
- - tudja, hol van a CSS kód az oldalon
Utasítás
1. lépés
Először töltsön le egy képet, amely helyettesíti a mutatót a webhelyen. A közös grafikai formátumok (.bmp,.gif,.jpg,.png
2. lépés
A mutató cseréjéhez képre van szükség.cur vagy.ani formátumban. Ilyen kép készítéséhez keressen az interneten olyan képeket, amelyek kifejezetten kurzorok számára készültek. A.cur kiterjesztés a statikus képekre, a.ani kiterjesztés pedig az animált képekre jellemző. Mentse el a tetsző fájlt a számítógépére.
3. lépés
De a mutató megváltoztatásához egyáltalán nem szükséges elkészíteni a kész képet. Ha saját maga szeretne képet készíteni, akkor használja az egyik speciális programot kurzorok létrehozásához vagy grafikus fájlformátumok konvertálásához.
4. lépés
Töltse ki a kurzor képét a webhelyen. Ezután az erőforrás-kódban keresse meg a címkét, és hajtsa végre a következő módosításokat:
A "images / 1.ani" helyett írja be a webhelyére feltöltött kép elérési útját.
5. lépés
Ha azt szeretné, hogy a kurzor egy kép formájában legyen, amikor a link fölé viszi az egeret, és ha az összekapcsoló elem hiányában van - más képnek tűnik, akkor jobb, ha CSS-t használ a mutató megváltoztatására. Ilyen átalakítások elvégzéséhez először töltsön fel egy másik fájlt.cur vagy.ani kiterjesztéssel a webhelyre.
6. lépés
Ezután a webhely CSS-jében írjon be egy "body {cursor: url ('1.ani');}" bejegyzést, az "1.ani" helyett írja be a kurzor fő képéhez vezető utat. webhely. Ez a kód hozzáadja azt a tulajdonságot, amely megváltoztatja a kurzort a megadott képhez ahhoz a címkéhez, amelybe az erőforrás összes oldalának tartalma be van írva.
7. lépés
Ezután írja be CSS-be az "a {cursor: url ('2.ani');}" sort, helyettesítve a "2.ani" szót az erőforrásba feltöltött kurzorkép elérési útjával, amelynek akkor kell megjelennie, amikor a mutató fölé viszi az egeret a kapcsolat. Az elvégzett bejegyzés lehetővé teszi, hogy a kurzort kicserélje a megfelelő képre, amikor a mutató bármelyik linket eltalálja a webhelyen, mivel az megváltoztatja a címke tulajdonságát.
