Hvordan skjule en kobling på en webside

January 6

Skjulte koblinger brukes vanligvis på nettsteder for hva blir noen ganger referert til som "påskeegg". Påskeegg belønne vanlige besøkende til et nettsted ved å gi dem en ekstra mengde innhold som ikke er oppført i nettstedets navigasjonsmenyer. Uansett årsak til å skjule en link, det krever bare en liten mengde av CSS styling. Vær imidlertid oppmerksom på at skjulte hyperkoblinger vil fortsatt være synlig på eventuelle ikke CSS-kompatible nettlesere, eller når et nettsted besøkende viser en webside kildekode.

Bruksanvisning

1 Lag en sikkerhetskopi av hver fil eller webside som du vil være redigering. Det er lett å ved et uhell sletter en linje eller del av koden, og dermed kan dypt påvirke måten nettstedet ditt ser ut og fungerer. Det er viktig å alltid være i stand til å gå tilbake til den opprinnelige filen om nødvendig.

2 Lag en CSS-klasse for skjulte koblinger i CSS stilark. Vanligvis er denne filen som heter "style.css" og ligger i nettstedets hovedkatalog. For å opprette klassen, åpner stilark og legge til følgende kode i bunnen av dokumentet. (Ekskluder teksten som er inne i parentes, og parentesene selv, og disse notatene er inkludert for kun undervisningsøyemed.)

.hiddenlink {

color: # 000000; (Bruk samme seksfargekode som teksten rundt link)

text-decoration: none; (Dette fjerner koblingen sin understreking og / eller høydepunkt)

markøren: tekst; (Dette sikrer at markøren forblir tekstmarkøren, ikke hånden, når den passerer over linken)

}

Hvis nettstedet ditt ikke virker bruke en CSS stilark, må du inkludere CSS på hver side der du vil ha en skjult skal vises manuelt. For å gjøre dette, legger du til følgende kode hvor som helst under sidens <HTML> og <HEAD> taggene (igjen, utelate teksten i parentes).

<! -

.hiddenlink {

color: # 000000; (Bruk samme seksfargekode som teksten rundt link)

text-decoration: none; (Dette fjerner koblingen sin understreking og / eller høydepunkt)

markøren: tekst; (Dette sikrer at markøren forblir tekstmarkøren, ikke hånden, når den passerer over linken)

</ Style>

3 Utpeke en eller flere koblinger som er skjult ved å bruke den nye klassen, "hiddenlink" (opprettet i trinn 2) innenfor hyperkoblingen kode. Koden for en typisk kobling lyder som følger:

<a href="linked"> http://www.adomainname.com "> koblet tekst </a>

For å gjøre koblingen skjult, legge til "hiddenlink" class etter lenke URL:

<a href="http://www.adomainname.com" class="hiddenlink"> koblet tekst </a>

4 Stopp nettstedet besøkendes nettleser fra å vise koblingen destinasjon i statuslinjen når musen krysser over det ved å legge til en Javascript-kommando til hyperkoblingen kode, som i eksempelet nedenfor (Javascript er onmouseover = "self.status = ''; return true; ").

<a href="http://www.adomainname.com" class="hiddenlink" onmouseover="self.status='';return true;"> koblet tekst </a>

5 Lagre filen og laste den lagrede versjonen til din web host eller server og erstatte den opprinnelige.