Comment cacher un lien sur une page Web

Liens cachés sont généralement utilisés sur les sites Web pour ce qui est parfois appelé "Œufs de Pâques." Oeufs de Pâques récompensent des visiteurs réguliers à un site Web en leur donnant un montant supplémentaire de contenu qui ne figure pas dans les menus de navigation du site. Quelle que soit la raison de votre cachant un lien, faisant nécessite seulement une petite quantité de style CSS. Soyez conscient, toutefois, que les hyperliens cachés seront toujours visibles sur tous les navigateurs web non-conforme CSS, ou quand un visiteur du site voit le code source d'une page Web.











Instructions

  1. Créez une sauvegarde de chaque fichier ou une page Web que vous serez édition. Il est facile de supprimer accidentellement une ligne ou une section de code, et cela peut profondément influer sur la façon dont vos regards site et les fonctions. Il est important de toujours être en mesure de revenir au fichier d'origine si nécessaire.

  2. Créer une classe CSS pour les liens cachés dans votre feuille de style CSS. Typiquement, ce fichier est appelé "style.css" et est situé dans le répertoire principal de votre site Web. Pour créer la classe, ouvrir la feuille de style et ajoutez le code suivant au bas du document. (Exclure le texte qui est à l'intérieur des parenthèses, et les parenthèses themselves- ces notes ne sont donnés qu'à des fins d'enseignement.)

    .hiddenlink {

    color: # 000000- (utiliser le même code de six caractères couleur que le texte entourant le lien)

    text-decoration: none; (Cela supprime le soulignement et / ou mettre en surbrillance le lien)

    curseur: texte- (ce qui garantit que le curseur reste le curseur de texte, pas la main, car il passe sur le lien)

    }

    Si votre site does't utiliser une feuille de style CSS, vous aurez besoin d'inclure manuellement le CSS sur chaque page où vous souhaitez un lien caché apparaisse. Pour ce faire, ajoutez le code suivant n'importe où sous la page de et tags (à nouveau, en omettant le texte à l'intérieur des parenthèses).

  3. Désigner un ou plusieurs liens que caché par l'application de la nouvelle classe, "hiddenlink," (Créé à l'étape 2) dans le code de l'hyperlien. Le code pour un lien typique se lit comme suit:

    lié "> http://adomainname.com"gt; liés texte

    Afin de faire le lien caché, ajouter le "hiddenlink" classe après l'URL du lien:

    http://adomainname.com"Class =" hiddenlink "> texte lié

  4. Arrêtez le navigateur Web du visiteur du site à partir montrant la destination du lien dans la barre d'état lorsque la souris traverse en ajoutant une commande javascript au code de l'hyperlien, comme dans l'exemple ci-dessous (le javascript est onmouseover ="self.status = '' - retour vrai-").

    http://adomainname.com"Class =" hiddenlink "onmouseover =" self.status = '' - return true; "> texte lié

  5. Enregistrez le fichier et télécharger la version enregistrée à votre hébergeur ou le serveur, en remplacement de l'original.

» » » » Comment cacher un lien sur une page Web