So blenden Sie einen Link auf einer Webseite
Versteckte Links dienen in der Regel auf Webseiten für, was manchmal als "Ostereier." bezeichnet werden Ostereier belohnen regelmäßige Besucher auf eine Website, indem man ihnen einen zusätzlichen Betrag von Inhalten, die nicht in die Site-Navigations-Menüs aufgelistet. Was auch immer Ihr Grund für das Ausblenden eines Link, damit nur eine kleine Menge von CSS-styling benötigt. Beachten Sie jedoch, dass versteckte Links noch sichtbar auf jeder nicht CSS-kompatiblen Web-Browser, oder wenn ein Websitebesucher Quellcode einer Webseite anzeigt.
Anweisungen
Anweisungen
1 Erstellen Sie eine Sicherungskopie von jeder Datei oder Webseite, die Sie bearbeiten werde. Es ist leicht zu einer Linie oder eines Codeabschnitts versehentlich löschen, und tun also kann zutiefst Auswirkungen die Art und Weise Ihre Website sieht und Funktionen. Es ist wichtig, immer wieder auf die ursprüngliche Datei bei Bedarf wiederherstellen können.
2 Erstellen Sie eine CSS-Klasse für versteckte Links in Ihrem CSS-Stylesheet. In der Regel diese Datei heißt "style.css" und befindet sich im Hauptverzeichnis Ihrer Website. Um die Klasse zu erstellen, öffnen Sie das Stylesheet und fügen Sie den folgenden Code an das Ende des Dokuments. (Schließen Sie den Text innerhalb der Klammern und die Klammern selbst werden; diese Notizen sind nur zur Veranschaulichung enthalten.)
{.hiddenlink}
Farbe: #000000; (verwenden Sie den gleichen Farbcode sechs Zeichen als Text rund um den Link)
Text-Decoration: none; (Dies entfernt des Links unterstreichen bzw. Markieren)
Cursor: Text; (Dadurch wird sichergestellt, dass der Cursor der Text-Cursor, die nicht die Hand bleibt, wenn er über den Link bewegt)
}
Wenn Ihre Webseite does ' t ein CSS-Stylesheet verwenden möchten, müssen Sie manuell das CSS auf jeder Seite sind wo Sie, dass eine versteckte Link angezeigt werden möchten. Dazu fügen Sie den folgenden Code an einer beliebigen Stelle unterhalb der Seite < HTML > und < HEAD >-Tags (auch hier auslassen des Textes in Klammern).
< Stil Typ = "Text/Css" Media = "all" >
<!--
{.hiddenlink}
Farbe: #000000; (verwenden Sie den gleichen Farbcode sechs Zeichen als Text rund um den Link)
Text-Decoration: none; (Dies entfernt des Links unterstreichen bzw. Markieren)
Cursor: Text; (Dadurch wird sichergestellt, dass der Cursor der Text-Cursor, die nicht die Hand bleibt, wenn er über den Link bewegt)
-->
< / style >
3 Legen Sie einen oder mehrere Links als versteckte durch Anwenden der neuen Klasse "Hiddenlink", (in Schritt 2 erstellten) den Hyperlink-Codes. Der Code für einen typischen Link lautet wie folgt:
< a Href = "verlinkt" > http://www.adomainname.com "> verknüpft Text </a >
Um den versteckten Link zu machen, fügen Sie der Klasse "Hiddenlink" nach der Link-URL:
< a Href = "http://www.adomainname.com" Class = "Hiddenlink" > verknüpft Text </a >
4 Stoppen des Websitebesuchers Web-Browser in der Statusleiste, wenn die Maus darüber überschreitet, indem Sie den Hyperlink-Code, wie im Beispiel unten (JavaScript ist onmouseover="self.status='';return True;") einen JavaScript-Befehl hinzufügen das Linkziel zu zeigen.
< a Href = "http://www.adomainname.com" Class = "Hiddenlink" onmouseover="self.status='';return True;" > verknüpft Text </a >
5 Speichern Sie die Datei und laden Sie die gespeicherte Version auf Ihrem Webhost oder Server, das Original zu ersetzen.