Gå til innhold

Link som forandrer farge


Anbefalte innlegg

Hola.

Jeg lurte på hvordan man får en link som man holder musen over til å skifte til en annen farge... Si for eksempel at alle linker er gule, men så vil jeg at de skal bli blå når jeg holder musen over de. Også fint om du nevner hvordan du får vekk den streken under linken. :woot:

Lenke til kommentar
Videoannonse
Annonse

<STYLE type=text/css>

A:visited { COLOR: #FEFE00; TEXT-DECORATION: none; style: none }

A:active { COLOR: #FEFE00; TEXT-DECORATION: none; style: none }

A:link { COLOR: #FEFE00; TEXT-DECORATION: none; style: none }

A:hover { COLOR: #000099; TEXT-DECORATION: none; style: none }

</STYLE>

 

dette putter du mellom<head>og </head>

 

burde være ganske selvforklarende

Lenke til kommentar

(Programmerer du html koder, så trenger du ikke lese under, for da har jeg ikke peiling. )Hva bruker du for å lage dine hjemmesider? Jeg er ganske nyfiken på dette med hjemmesider, så jeg vet ikke om jeg kan hjelpe deg. Men i Frontpage som jeg lagde hjemmesider i før vet jeg at den funksjonen ligger der veldig enkelt. I Dreamweaver som jeg har begynt å bruke nå, vet jeg ikke om denne funksjonen finnes, men det er jeg rimelig sikker på. Utrolig mange muligheter i det softwaret. Når du snakker om understrek, så er det bare å merke linken og ta trykke på understrek knappen. Da blir understrek borte!

Lenke til kommentar
  Sitat
<STYLE type=text/css>

A:visited { COLOR: #FEFE00; TEXT-DECORATION: none; style: none }

A:active { COLOR: #FEFE00; TEXT-DECORATION: none; style: none }

A:link { COLOR: #FEFE00; TEXT-DECORATION: none; style: none }

A:hover { COLOR: #000099; TEXT-DECORATION: none; style: none }

</STYLE>

Siden de tre øverste er like, kan du slå dem sammen slik:

 

a:visited,a:active,a:link {COLOR: #FEFE00; TEXT-DECORATION: none; style: none; }

a:hover { COLOR: #000099; TEXT-DECORATION: none; style: none; }

Lenke til kommentar

Er jo en smule mer praktisk å legge CSS i egne filer, så kan man bruke samme stil på mange HTML-sider uten å måtte klippe og lime masse kode. Lag en egen fil, som du f.eks. kaller for style.css. Så legger du følgende linje inn under <head>-tag-en på alle sider som skal ha likt utseende:

 

<link rel="stylesheet" type="text/css" href="style.css"/>

 

I CSS-filen skal du også putte all annen formateringsinfo, slik som fontnavn og -størrelser, marger osv. Søk litt med Google, så finner du nok en guide eller tre.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...