Verborgen links worden doorgaans gebruikt op websites voor wat worden soms aangeduid als "Easter eggs". Paaseieren belonen regelmatige bezoekers naar een website door hen een extra hoeveelheid inhoud die niet wordt vermeld in de site navigatie menu's. Wat vereist uw reden voor het verbergen van een link, doen slechts een kleine hoeveelheid van CSS styling. Bewust, echter dat verborgen hyperlinks zal kunnen nog steeds zichtbaar op elke CSS niet-conforme webbrowsers, of wanneer een sitebezoeker de broncode van een webpagina.
Instructies
Maak een back-up van elk bestand of de webpagina die u zal worden bewerkt. Het is gemakkelijk om per ongeluk verwijderen van een lijn of sectie van code en doen zo diep kan beïnvloeden de manier waarop die uw website eruit ziet en functies. Het is belangrijk om altijd te kunnen terugkeren naar het oorspronkelijke bestand indien nodig.
Maak een CSS-klasse voor verborgen links in uw CSS-stijlpagina. Normaal gesproken dit bestand heet "style.css" en bevindt zich in de hoofdmap van uw website. Maken van de klasse, opent u het opmaakmodel en voeg de volgende code toe aan de onderkant van het document. (De tekst die is binnen de haakjes en de haakjes zelf uitsluiten; deze notities zijn opgenomen voor educatieve doeleinden alleen.)
.hiddenlink {}
kleur: #000000; (het gebruik van de dezelfde zes tekencode kleur als de tekst rond de link)
text-decoration: none; (Hiermee verwijdert u de link onderstrepen en/of hoogtepunt)
cursor: tekst; (dit zorgt ervoor dat de cursor de tekstcursor, niet de hand blijft, als het gaat voorbij aan de link)
}
Als uw website does't een CSS-opmaakmodel gebruiken, moet u handmatig opnemen de CSS op elke pagina waar u graag een verborgen link wilt weergeven. Om dit te doen, voeg de volgende code ergens onder de pagina 'sen
Tags (opnieuw, de tekst tussen de haakjes weglaten).Wijst een of meer koppelingen als verborgen door de nieuwe klasse, "hiddenlink," (gemaakt in stap 2) van de hyperlink code toe te passen. De code voor een typische link luidt als volgt:
gekoppelde "> http://www.adomainname.com" > gekoppelde tekst
Toevoegen om de link verborgen, de "hiddenlink"-klasse na de URL:
http://www.adomainname.com"class ="hiddenlink"> gekoppeld tekst
Stoppen met de webbrowser van de bezoeker van de site van het tonen van de bestemming van de koppeling op de statusbalk wanneer de muis overheen door een JavaScript-opdracht toe te voegen aan de code van de hyperlink, zoals in het voorbeeld hieronder (de JavaScript klopt onmouseover="self.status='';return;") kruist.
http://www.adomainname.com"class ="hiddenlink"onmouseover="self.status='';return true; " > tekst gekoppeld
Sparen het dossier en de opgeslagen versie uploaden naar uw webhost of server, ter vervanging van het origineel.