Hvordan lage en Roll Link

Hvordan lage en Roll Link


Tekstlenker har potensial til å drastisk endre utseendet på nettstedet ditt, spesielt hvis du har en betydelig mengde koblinger på en gitt side. Du trenger ikke å forlate hver tekst link med standardinnstillingene. Ved å endre koden i HTML-dokument, kan du vise spesielle endringer når en bruker ruller sin musepekeren over en lenke. Mange forskjellige estetiske roll endringer er mulig, for eksempel endre fargen eller skrift på linken.

Bruksanvisning

1 Åpne HTML-redigering program eller åpne et tomt Notisblokk-fil og lagre den med "HTML" forlengelse. Naviger til <HEAD> -koden øverst i HTML-dokumentet.

2 Skriv inn koden "<style type =" text / css ">" i mellom åpningen <HEAD> og avsluttende </ head> taggene å fortelle HTML-dokumentet du bruker en gjennomgripende stilark. Flytt ned en linje og skriv i den avsluttende </ style> tag.

3 Flytt ned en linje etter åpningen <STYLE> tag og skriv "<- A: hover ->" for å fortelle dokumentet du endre tekstlenker. Skriv inn i den spesifikke endringen du ønsker å gjøre inne koden til teksten link. For eksempel skrive "<- A: hover {color: black} ->" hvis du vil ha tekst linker til å bli svart når en bruker peker over dem.

4 Legg inn flere kommandoer hvis du ønsker å ytterligere endre måten tekstlenker handle når en bruker ruller over dem. For eksempel, hvis du vil at koblingen teksten skal være rød og endre bakgrunnsfargen til grønt, bruke koden "<- A: hover {color: red} A: hover {background-color: green} ->"

5 Flytt ned i et område som ligger mellom den innledende <BODY> og avsluttende </ BODY> -kodene i din Html dokumentet. Skriv inn en tekst link normalt, for eksempel "<a href="my"> http://www.somewebsite.com"> min link betaler. "Teksten for denne linken vil nå vise dine roll endringer.

Hint

  • Du kan gjøre mange forskjellige roll endringer i koblingene i websiden din. Den "A: hover {text-decoration: none}" kommandoen vil hindre din link fra å vise en understreking, mens "A: hover {background-image: url (http: //www.somewebsite/someimage.jpg)}" vil vise den angitte bildefilen under koblingsteksten.
  • Du kan endre flere aspekter av skriftstørrelse og styling samtidig. Bruk for eksempel "A: hover {font-family: Helvetica; font-size: 20 pkt, farge: grønn}" for å endre font, størrelse og farge når en bruker ruller over koblingen.
  • Hvis du fjerner "svever" erklæring, vil det endre alle linkene på websiden uten at brukeren trenger å rulle over dem. For eksempel, hvis du bruker "A {text-decoration: none}," alle koblingene vil ikke lenger vise en understreking selv når det ikke er en musepekeren svever over dem.