Webbplatser med ett attraktivt utseende är mycket populära bland besökare. För att förbättra resursens utseende ändrar vanligtvis deras ägare helt eller delvis designen. Tyvärr tar det mycket tid att lägga till nya färgglada element för att dekorera sidor. Ett snabbt sätt att fånga resursbesökarnas uppmärksamhet är att ersätta den vanliga markören med en liten bild. För att installera ett sådant element på webbplatsen måste du utföra några enkla steg.
Det är nödvändigt
- - egen webbplats
- - ha åtminstone grundläggande kunskaper om HTML
- - vet var CSS-koden finns på webbplatsen
Instruktioner
Steg 1
Ladda ner först en bild som ersätter pekaren på webbplatsen. Bilder av vanliga grafiska format (.bmp,.gif,.jpg,.png, etc.) är inte lämpliga för detta ändamål.
Steg 2
För att byta ut pekaren behöver du en bild i formatet.cur eller.ani. För att få en sådan bild, sök på Internet efter bilder som är särskilt utformade för markörer.. Cur-tillägget är specifikt för statiska bilder och.ani-tillägget är specifikt för animerade bilder. Spara den fil du vill på din dator.
Steg 3
Men för att ändra pekaren är det inte alls nödvändigt att ta den färdiga bilden. Om du vill skapa en bild själv, använd sedan ett av specialprogrammen för att skapa markörer eller konvertera grafiska filformat.
Steg 4
Fyll i bilden för markören på webbplatsen. Hitta sedan taggen i resurskoden och gör följande ändringar:
Istället för att skriva "bilder / 1.ani", ange sökvägen till bilden som laddas upp till din webbplats.
Steg 5
Om du vill att markören ska vara i form av en bild när du svävar över länken och när den saknas i länkelementet - att se ut som en annan bild, är det bättre att använda CSS för att ändra pekaren. För att göra sådana omvandlingar laddar du först upp en annan fil med.cur- eller.ani-tillägget till webbplatsen.
Steg 6
Ange sedan "body {cursor: url ('1.ani');}" i CSS på din webbplats,} istället för "1.ani", ange sökvägen till huvudbilden för markören som laddas upp till webbplats. Den här koden lägger till egenskapen för att ändra markören till den angivna bilden till taggen där innehållet på alla sidor i resursen skrivs.
Steg 7
Skriv sedan i CSS raden "a {cursor: url ('2.ani');}", ersätt "2.ani" med sökvägen till markörbilden som laddas upp till resursen, som ska visas när pekaren hålls över länken. Inmatningen gör att du kan ersätta markören med motsvarande bild när pekaren träffar någon länk på webbplatsen, eftersom den gör ändringar i taggegenskapen.
