Como ocultar um link em uma página da Web

links ocultos são tipicamente usados em sites para o que são, por vezes referido como "Ovos de Páscoa." ovos de Páscoa premiar os visitantes regulares para um site, dando-lhes uma quantidade extra de conteúdo que não esteja listado em menus de navegação do site. Seja qual for seu motivo para esconder um link, isso requer apenas uma pequena quantidade de estilo CSS. Esteja ciente, no entanto, que os hiperlinks ocultos ainda será visível em todos os navegadores da web não CSS-compliant, ou quando um visitante do site vê o código-fonte de uma página web.

instruções

Criar um backup de todos os arquivos ou página da web que você vai ser a edição. É fácil de apagar acidentalmente uma linha ou seção de código, e isso pode afetar profundamente a forma como a sua aparência do site e funções. É importante estar sempre capaz de reverter para o arquivo original, se necessário.
Crie uma classe CSS para links ocultos em sua folha de estilo CSS. Normalmente, esse arquivo é chamado "style.css" e está localizado no diretório principal do seu site. Para criar a classe, abrir a folha de estilo e adicione o seguinte código para a parte inferior do documento. (Excluir o texto que está dentro dos parênteses, e os parênteses themselves- estas notas são incluídas apenas para fins de instrução.)
.hiddenlink {
color: # 000000- (usar o mesmo código de cor de seis caracteres como o texto em torno do link)
text-decoration: none; (Isso remove sublinhado do link e / ou realce)
cursor: texto- (isso garante que o cursor permanece o cursor de texto, e não o lado, à medida que passa sobre o link)
}

Se o seu site does`t usar uma folha de estilo CSS, você vai precisar incluir manualmente o CSS em cada página onde você gostaria de um link escondido para aparecer. Para fazer isso, adicione o seguinte código em qualquer lugar abaixo da página de e Tag (novamente, omitindo o texto dentro dos parênteses).
Designar um ou mais links como oculto através da aplicação da nova classe, "hiddenlink," (Criado na Etapa 2) no código do hyperlink. O código para um link típico é o seguinte:
ligada "> https://adomainname.com"gt; ligada texto
A fim de fazer a ligação escondida, adicione o "hiddenlink" classe após a URL do link:
https://adomainname.com"Class =" hiddenlink "> texto vinculado
Pare de navegador do visitante do site de mostrar o destino do link na barra de status quando o mouse passa sobre ele, adicionando um comando javascript para o código do hyperlink, como no exemplo abaixo (o javascript onmouseover ="self.status = `` - retorno verdade-").
https://adomainname.com"Class =" hiddenlink "onmouseover =" self.status = `` - return true; "> texto vinculado
Salve o arquivo e fazer o upload a versão salva para o seu host ou servidor, substituindo o original.

De esta maneira? Compartilhar em redes sociais: