Slik oppretter du egendefinerte hyperkoblinger ved hjelp av gjennomgripende stilark i FrontPage 2003

Artikkeloversettelser Artikkeloversettelser
Artikkel-ID: 825450 - Vis produkter som denne artikkelen gjelder for.
Hvis du vil ha en Microsoft FrontPage 2002-versjon av denne artikkelen, kan du se 287706.
Vis alt | Skjul alt

På denne siden

Sammendrag

Denne artikkelen beskriver hvordan du oppretter egendefinerte hyperkoblinger ved hjelp av gjennomgripende stilark (CSS) i Microsoft Office FrontPage 2003. Den inneholder eksempler som viser hvordan du bruker funksjoner for gjennomgripende stilark til å opprette egendefinerte hyperkoblinger.

Obs!  Denne artikkelen bruker funksjoner for gjennomgripende stilark som kanskje ikke støttes i alle weblesere. Hvis du vil ha mer informasjon, kan du se Hjelp for FrontPage. Det gjør du ved å klikke Hjelp for Microsoft FrontPageHjelp-menyen, skrive inn kompatibilitet for gjennomgripende stilark i Søk-feltet, og deretter trykke ENTER for å vise emnene som returneres.

Opprette egendefinerte hyperkoblinger ved hjelp av gjennomgripende stilark

Følgende eksempler viser hvordan du oppretter egendefinerte hyperkoblinger ved hjelp av funksjoner for gjennomgripende stilark:

Programmeringseksemplene som Microsoft bruker, er kun eksempler. Microsoft gir ingen garantier, direkte eller indirekte. Dette inkluderer, men er ikke begrenset til, eventuelle stilltiende garantier om salgbarhet eller anvendelighet for særskilte formål. Denne artikkelen er basert på at du er kjent med programmeringsspråket som brukes, og verktøyene som brukes til å opprette og feilsøke prosedyrer. Microsofts kundestøtteteknikere kan være behjelpelige med å forklare funksjonaliteten til en bestemt prosedyre, men de endrer ikke disse eksemplene for å gi forbedret funksjonalitet eller opprette prosedyrer som dekker dine spesifikke behov. Obs!  Det kan hende du får en feilmelding eller at siden ikke vises korrekt hvis du kopierer eksemplene direkte fra denne artikkelen og limer dem inn i FrontPage. Vinkelparentesene (< og >) vises kanskje som HTML-kode. Hvis du vil omgå dette problemet, limer du først inn kodeeksemplet i et tomt dokument i Notisblokk, og deretter kopierer du kodeeksemplet fra dokumentet i Notisblokk til siden i FrontPage.

Eksempel 1: Opprette hyperkoblinger der bare understreking vises i en annen farge

I dette eksemplet formateres tekst i hyperkoblingen til samme farge som teksten i dokumentet. Bare understrekingen i hyperkoblingen vises i en annen farge. Følg denne fremgangsmåten for å opprette den egendefinerte hyperkoblingen:
  1. Start FrontPage, og opprett en ny, tom side.
  2. Klikk SideVis-menyen, og klikk deretter Kode nederst på siden.
  3. Sett inn følgende kode i <head></head>-området på siden:
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px }
    a:link    { border-bottom-color: blue }
    a:visited { border-bottom-color: purple }
    a:hover   { border-bottom-color: green }
    a:active  { border-bottom-color: red }
    </style>
    
  4. Sett inn følgende kode i <body></body>-området på siden:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
    
  5. Klikk LagreFil-menyen.
  6. I dialogboksen Lagre som angir du en plassering der du vil lagre filen, skriver inn Eksempel 1 i Filnavn-boksen, og deretter klikker du Lagre.
  7. Fil-menyen velger du Forhåndsvisning i leser, og deretter klikker du webleseren du vil bruke til å forhåndsvise siden.

Eksempel 2: Opprette hyperkoblinger som bruker pekerfølsomme knapper

I dette eksemplet opprettes hyperkoblinger som bruker pekerfølsomme knapper med en ensfarget bakgrunn. Følg denne fremgangsmåten for å opprette den egendefinerte hyperkoblingen:
  1. Start FrontPage, og opprett en ny, tom side.
  2. Klikk SideVis-menyen, og klikk deretter Kode nederst på siden.
  3. Sett inn følgende kode i <head></head>-området på siden:
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { text-decoration: none; padding: 3px }
    a:link    { color: white; background-color: blue }
    a:visited { color: white; background-color: purple }
    a:hover   { color: white; background-color: green }
    a:active  { color: white; background-color: red }
    </style>
    
  4. Sett inn følgende kode i <body></body>-området på siden:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
    
  5. Klikk LagreFil-menyen.
  6. I dialogboksen Lagre som angir du en plassering der du vil lagre filen, skriver inn Eksempel 2 i Filnavn-boksen, og deretter klikker du Lagre.
  7. Fil-menyen velger du Forhåndsvisning i leser, og deretter klikker du webleseren du vil bruke til å forhåndsvise siden.

Eksempel 3: Opprette hyperkoblinger som bruker konturknapper

I dette eksemplet opprettes hyperkoblinger som bruker en pekerfølsom konturknapp. Det vises en farget boks rundt den hyperkoblede teksten, noe som skaper en kontureffekt. Følg denne fremgangsmåten for å opprette den egendefinerte hyperkoblingen:
  1. Start FrontPage, og opprett en ny, tom side.
  2. Klikk SideVis-menyen, og klikk deretter Kode nederst på siden.
  3. Sett inn følgende kode i <head></head>-området på siden:
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px }
    a:link    { border-color: blue }
    a:visited { border-color: purple }
    a:hover   { border-color: green }
    a:active  { border-color: red }
    </style>
    
  4. Sett inn følgende kode i <body></body>-området på siden:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p>
    
  5. Klikk LagreFil-menyen.
  6. I dialogboksen Lagre som angir du en plassering der du vil lagre filen, skriver inn Eksempel 3 i Filnavn-boksen, og deretter klikker du Lagre.
  7. Fil-menyen velger du Forhåndsvisning i leser, og deretter klikker du webleseren du vil bruke til å forhåndsvise siden.

Eksempel 4: Opprette hyperkoblinger som bruker en annen tekstformatering

I dette eksemplet formateres hyperkoblingene til å bruke ikke-understreket tekst med små bokstaver i kursiv. Når du beveger pekeren over hyperkoblingen, konverteres teksten i hyperkoblingen til store bokstaver. Følg denne fremgangsmåten for å opprette den egendefinerte hyperkoblingen:
  1. Start FrontPage, og opprett en ny, tom side.
  2. Klikk SideVis-menyen, og klikk deretter Kode nederst på siden.
  3. Sett inn følgende kode i <head></head>-området på siden:
    <style>
    body      { color: black; background-color: white; font-family: arial }
    a         { text-decoration: none; font-style: italic; text-transform: lowercase }
    a:link    { color: blue; font-weight: bold }
    a:visited { color: purple }
    a:hover   { color: green; text-transform: uppercase }
    a:active  { color: red }
    </style>
    
  4. Sett inn følgende kode i <body></body>-området på siden:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p>
    <p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p>
    
  5. Klikk LagreFil-menyen.
  6. I dialogboksen Lagre som angir du en plassering der du vil lagre filen, skriver inn Eksempel 4 i Filnavn-boksen, og deretter klikker du Lagre.
  7. Fil-menyen velger du Forhåndsvisning i leser, og deretter klikker du webleseren du vil bruke til å forhåndsvise siden.

Referanser

Hvis du vil ha mer informasjon om gjennomgripende stilark i FrontPage 2003, kan du se Hjelp for FrontPage. Det gjør du ved å klikke Hjelp for Microsoft FrontPageHjelp-menyen. I boksen Søk etter skriver du inn gjennomgripende stilark, og deretter trykker du ENTER for å vise emnene som returneres.

Referanser

Hvis du vil ha mer informasjon, klikker du følgende artikkelnumre for å vise artiklene i Microsoft Knowledge Base (Disse artiklene kan være på engelsk.):
196488 Fs000: Hva er gjennomgripende stilark?
205996 Slik oppretter du gjennomgripende stilark i FrontPage 2000
240972 Slik fjerner du understrekinger fra hyperkoblinger i FrontPage 2000
222949 FP2000: Opprette koblingseffekter for skjemaknapper ved hjelp av DHTML og CSS

Egenskaper

Artikkel-ID: 825450 - Forrige gjennomgang: 3. januar 2006 - Gjennomgang: 2.0
Informasjonen i denne artikkelen gjelder:
  • Microsoft Office FrontPage 2003
Nøkkelord: 
kbhowto KB825450

Gi tilbakemelding

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com