ubiquitour.com

Cómo ocultar un enlace en una página Web

Enlaces ocultos se utilizan típicamente en los sitios web para lo que se conoce como "Huevos de Pascua." Huevos de Pascua recompensan a visitantes habituales de un sitio web dándoles una cantidad extra de contenido que no aparece en los menús de navegación del sitio. Sea cual sea su razón para ocultar un link, lo requiere sólo una pequeña cantidad de estilo CSS. Tenga en cuenta, sin embargo, que oculta los hipervínculos seguirán siendo visibles en cualquier navegador web no compatible con CSS, o cuando un visitante ve código de fuente de una página web.

Instrucciones

Instrucciones

1 Crear una copia de seguridad de cada archivo o página web que va modificando. Es fácil eliminar accidentalmente una línea o sección de código, y hacer tan profundamente puede afectar la apariencia de su sitio de Internet y las funciones. Es importante siempre poder volver al archivo original si es necesario.

2 Crear una clase CSS para enlaces ocultos en tu hoja de estilos CSS. Normalmente, este archivo se llama "style.css" y se encuentra en el directorio principal de tu web. Para crear la clase, abra la hoja de estilo y agregue el código siguiente en la parte inferior del documento. (Excluye el texto que está dentro de los paréntesis y paréntesis se, estas notas se incluyen sólo con fines educativos).

{.hiddenlink}

color: #000000; (utilice el mismo código de color de seis caracteres que el texto que rodea el enlace)

texto-decoration: none; (Esto elimina el enlace subrayado o resaltado)

cursor: texto; (esto asegura que el cursor sigue el cursor de texto, no la mano, cuando pasa sobre el enlace)

}

Si su sitio web does ' t use una hoja de estilo CSS, usted necesitará incluir manualmente el CSS en cada página donde desea que un enlace oculto para aparecer. Para ello, agregue el código siguiente en cualquier parte debajo de la página < HTML > y < HEAD > etiquetas (de nuevo, omitiendo el texto dentro de los paréntesis).

< estilo tipo = "text/css" media = "all" >

<!--

{.hiddenlink}

color: #000000; (utilice el mismo código de color de seis caracteres que el texto que rodea el enlace)

texto-decoration: none; (Esto elimina el enlace subrayado o resaltado)

cursor: texto; (esto asegura que el cursor sigue el cursor de texto, no la mano, cuando pasa sobre el enlace)

-->

< / estilo >

3 Designar uno o más enlaces como ocultas mediante la aplicación de la nueva clase, "hiddenlink," (creado en el paso 2) del código del hipervínculo. El código para un enlace típico reza como sigue:

< a href = "ligada" > http://www.adomainname.com "> vinculado texto < /a >

Para hacer el enlace oculto, se añadirá la clase "hiddenlink" URL de vínculo:

< a href = "http://www.adomainname.com" class = "hiddenlink" > vinculado texto < /a >

4 Detener el navegador del visitante del sitio a que destino de vínculo en la barra cuando el ratón se pasa mediante la adición de un comando de JavaScript al código del hipervínculo, como en el ejemplo a continuación (el JavaScript es onmouseover="self.status='';return verdadero;") de estado.

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

5 Guarde el archivo y cargar la versión guardada en su web host o servidor, sustituyendo el original.