Tecnología

Inicio

Cómo ocultar un encabezado con CSS

Cómo ocultar un encabezado con CSS


las hojas de estilo en cascada hacen que sea fácil de actualizar documentos de varias páginas Web desde un archivo. Así que si su sitio web necesita una revisión de diseño, un pellizco en su CSS puede lograr esto. Si decide eliminar la cabecera de su sitio, usted no tendrá que eliminarlo. En su lugar, alterando el código CSS atada a él lo oculta de la vista de los visitantes a su sitio.

Instrucciones

1 Lanzar su editor HTML. Utilice un editor de texto si uno HTML no está disponible. TextEdit (Mac) o el Bloc de notas (PC) son dos que vienen pre-instalado en los sistemas operativos de Apple o Windows.

2 Seleccione "Archivo" y "Abrir". Seleccione el archivo CSS vinculado a la página Web de la cabecera se encuentra en.

3 Agregue el código visibilidad a la CSS. Coloque la siguiente línea de código en el documento: "#header_hidden {visibility: hidden;}" (sin comillas). Puede cambiar "header_hidden" a cualquier texto que usted quisiera.

4 Guarde el archivo CSS.

5 Abra el documento HTML con el encabezado pronto-a-ser ocultado. Busque la etiqueta de imagen asociada a la cabecera. Añadir la siguiente etiqueta en el código de la imagen: id = "hidden_header". Cambio "hidden_header" si cambió el nombre en el archivo CSS. Ejemplo: <img id = "hidden_header">

6 Guardar este documento. Sube los archivos HTML y CSS a su servidor Web. Vista previa para asegurarse de que la cabecera oculta correctamente.

Consejos y advertencias

  • Si no utilizas un archivo CSS, agregue el código siguiente en el cuerpo del documento HTML en su lugar: <style> #hidden_header {visibility: hidden;} </ style>