-
Cómo ocultar un enlace en una página Web
-
enlaces ocultos se utilizan normalmente en los sitios web para lo que se denominan a veces como "huevos de Pascua". Huevos de Pascua recompensan a los visitantes regulares a 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 motivo para ocultar un enlace, hacerlo requiere sólo una pequeña cantidad de estilos CSS. Tenga en cuenta, sin embargo, que los hipervínculos ocultos seguirán siendo visibles en cualquier navegador Web que no son compatibles con CSS, o cuando un visitante del sitio ve el código fuente de una página web.
Instrucciones
Instrucciones
1 Crear una copia de seguridad de cada archivo o página web que podrás edición. Es fácil eliminar accidentalmente una línea o sección de código, y que al hacerlo puede afectan profundamente la forma en que su apariencia y funciones del sitio web. Es importante ser siempre capaz de volver al archivo original si es necesario.
2 Crear una clase CSS para enlaces ocultos en su hoja de estilo CSS. Normalmente, este archivo se llama "style.css" y se encuentra en el directorio principal de su sitio web. Para crear la clase, abra la hoja de estilo y añadir el siguiente código a la parte inferior del documento. (No incluir el texto que está dentro de los paréntesis, y los propios paréntesis; estas notas se incluyen con fines educativos solamente.)
.hiddenlink {
color: # 000000; (Utilizar el mismo código de color de seis caracteres que el texto que rodea el enlace)
text-decoration: none; (Esto elimina el subrayado y / o resalte del enlace)
cursor: texto; (Esto asegura que el cursor se mantiene el cursor de texto, no la mano, a medida que pasa a través del enlace)
}
Si su sitio web does't utilizar una hoja de estilo CSS, tendrá que incluir manualmente la CSS en cada página en la que desea que aparezca un enlace oculto. Para ello, agregue el código siguiente en cualquier lugar por debajo de la etiquetas <HEAD> de la página <HTML> y (de nuevo, omitiendo el texto dentro de los paréntesis).
<Style type = "text / css" media = "all">
<! -
.hiddenlink {
color: # 000000; (Utilizar el mismo código de color de seis caracteres que el texto que rodea el enlace)
text-decoration: none; (Esto elimina el subrayado y / o resalte del enlace)
cursor: texto; (Esto asegura que el cursor se mantiene el cursor de texto, no la mano, a medida que pasa a través del enlace)
->
</ Style>
3 Designar uno o más enlaces como ocultos 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 es el siguiente:
<a href="linked"> http://www.adomainname.com "> texto vinculado </a>
Con el fin de establecer el vínculo oculto, añadir la clase "hiddenlink" después de la URL del enlace:
<a href="http://www.adomainname.com" class="hiddenlink"> ligado texto </a>
4 Pare el navegador web del visitante del sitio del que muestra el destino del enlace en la barra de estado cuando los cruces del ratón sobre él mediante la adición de un comando JavaScript para el código del hipervínculo, como en el siguiente ejemplo (el código JavaScript es onmouseover = "self.status = ''; return true; ").
<a href="http://www.adomainname.com" class="hiddenlink" onmouseover="self.status='';return true;"> ligado texto </a>
5 Guarde el archivo y cargar la versión guardada en su servidor web o un servidor, en sustitución del original.
