Hoe de schuifregelaars te veranderen met behulp van HTML: aangepaste muiscursor




Leer hoe u de muisaanwijzer aanpassen op uw website

Er zijn vele redenen om charme toe te voegen aan uw website: presentatie, grafische representatie van een idee, of gewoon leuk. Het veranderen van de cursor (wat traditioneel gezien als een witte pijl gecontroleerd door de muis) is slechts een van de vele veranderingen die kunnen worden gemaakt, maar het is interessant. Het biedt vele unieke mogelijkheden om de webmaster. Als je eenmaal begrijpt hoe u de code te wijzigen met behulp van HTML, kunt u meer experimenteren om de look die u probeert te bereiken vinden. De volgende zijn de stappen die nodig zijn om de cursor van de website van de muis wijzigen.



  1. Weet hoe u uw cursor werken veranderen.


    De meeste van de tijd, bij de uitvoering van een soort van verandering van een website (ijdelheid of anderszins), is het verstandig om te begrijpen wat de verandering eigenlijk doet. Het veranderen van de muiscursor op je webpage leidt tot een wijziging van de tag, een HTML-tag die deel uitmaakt van de fundamentele ruggengraat van elke pagina en broodjes tussen zichzelf en haar afsluitende tag meeste van de geschreven inhoud en de gecodeerde uw webpagina. De icoon is een afbeelding formaat CUR die op uw eigen webruimte of op een externe bron wordt gehost (indien u gebruik maakt van een pictogram gehost ergens anders dan uw webruimte, het is hoffelijk om krediet ergens te geven door middel van een klein briefje onderdeel van uw website). De aangepaste cursor duurt niet lang om te laden en zal duren slechts tot de site is open.



  2. Begrijp de beperkingen van het veranderen van de cursor.


    De waarheid over het bewerken van uw website slider is de enige browser die echt deze wijziging wordt ondersteunt Internet Explorer, en voor het grootste deel, alleen versies 5.5 en hoger. Veranderende cursors in de meeste andere browsers is simpelweg niet mogelijk. Wat kunnen we ervan uitgaan om een ​​deel van de reden hiervoor is, is dat het Windows-besturingssysteem kunt u de cursor op het bureaublad heel vrijelijk veranderen. Microsoft zal waarschijnlijk herkende een vraag naar dit maatwerk en geïmplementeerd in hun software web ook.
  3. Bepaal wat je wilt van uw cursor.


    De meeste van de tijd, de webmaster is het creëren van een nieuwe cursor wijst niet om de functionaliteit. Ze zijn vaak een persoonlijke ijdelheid, hoewel soms verbetert het visuele systeem van een website op een manier behulpzaam en professioneel. Bijvoorbeeld, op websites met een zoekfunctie, is het gebruikelijk dat de muisaanwijzer of de cursor terug zal veranderen in een zandloper (of klok, etc.), terwijl de site is op zoek naar, en dan naar normaal als het zoeken is afgewerkt. Echter, is de cursor niet altijd gebruikt voor visuele representatie nuttig.

    Vaak is de webmaster wilt u gewoon uw cursor veranderen aan uw website aan of het dichtstbijzijnde om hulde te brengen aan een bepaald karakter of concept. De cursors die vervolgens worden gebruikt kan soms lastig zijn, en vele surfers vind ze lelijk en beschamend. Echter, sommige zien er anders uit dan de traditionele pijl, zonder afbreuk te doen aan bruikbaarheid. Crosshairs en variaties op de traditionele pijl kan het doel van het kijken verschillende bereiken en zijn discreet.

    Sliders opzichtige (zoals degenen die worden gevormd blok, de graphics van dieren, etc.), zelfs met een pijl in hun duidelijk omschreven, kunnen ze nog steeds ergeren je een beetje. ' Echter, anderen vinden ze grappig of vermakelijk. Je kunt niet iedereen tevreden stellen; de beslissing is uiteindelijk aan u.

  4. Zoek een website die biedt wat je wilt.


    De meeste van de tijd, is het makkelijker om een ​​website die aangepaste cursors en de code die je moet plakken in de HTML-code van uw webpagina op om voor hen te werken biedt te vinden. Om een ​​website in het implementeren van een nieuwe cursor te gebruiken, gewoon een vinden, zoals die vermeld onder Aanbevolen links en volg de eenvoudige instructies. Zij zal u toelaten om er een te kiezen, en dan geeft u een deel van de code die u kunt plakken op uw website als u instrueren een.
  5. . . . of doe het zelf!


    U kunt uw eigen cursors ook creëren. Een programma als GConvert dat u zal toestaan ​​om huidig ​​bestand te maken, en een plaats om het bestand cur uploaden: Om dit te doen, zul je twee dingen nodig. U kunt een grafisch bestand en GConvert (en de instructies op GdgSoft) te creëren, het beeldbestand draaien om de cursor naar een nieuwe cursor. De software en de hulp tutorial om een ​​afbeelding te importeren, definiëren een "hotspot" op het beeld (het deel van de cursor die reageert wanneer u op iets), en sla het beeldbestand als huidig. Na het maken van de cursor (opgeslagen in de huidig) en uploaden naar uw webruimte, kunt u het pad naar het bestand op te geven met de "stijl" attribuut van de tag op uw web-pagina als volgt:

    style = "cursor: url (thelocationofyourfile.cur);"

    Zodat het lichaam tag ziet er als volgt uit:

    Vervang "thelocationofyourfile.cur" met de positie van de cursor-bestand als een URL. Zorg ervoor dat u een geldig bestand cursor (huidig).

Het bovenstaande is alle informatie die u nodig hebt om uw eigen web-pagina te maken met een nieuwe en unieke slider. U kunt de gemakkelijke weg te nemen door te kiezen voor een van de duizenden reeds aangeboden (samen met broncode) sliders on-line, of u kunt in een beetje 'studie zetten meer en maak je nog meer uniek door het gebruik van de juiste software en uw afbeeldingen. Veel plezier en wees creatief!

Waarschuwing:
  • Als u uw eigen cursors te maken, zorg ervoor dat de "hotspot" is gelegen op een logische plek.
  • Gebruik de schuifregelaars frivool vermaak; een pagina niet afraffelen met een professional.
Snelle tips:
  • Maak cursors functionele dat de gebruiker niet te frustreren.
Handige links:
  • AllCursors (sliders vinden on-line)
  • StarlightMKS (sliders vinden on-line)
  • GConvert (software om uw cursors te maken)


Verlaat een commentaren