Cómo Personalizar El Menú Del Sitio

Tabla de contenido:

Cómo Personalizar El Menú Del Sitio
Cómo Personalizar El Menú Del Sitio

Video: Cómo Personalizar El Menú Del Sitio

Video: Cómo Personalizar El Menú Del Sitio
Video: Office 365 - Como personalizar el menú de navegación de un sitio moderno de SPO 2024, Abril
Anonim

Ucoz es un popular sistema de gestión de sitios web. Con su ayuda, puede personalizar cada elemento de su propio recurso y crear un diseño de página único. El menú es uno de los elementos principales de cualquier sitio, porque es a través de él que el usuario navega por su recurso.

Cómo personalizar el menú del sitio
Cómo personalizar el menú del sitio

Instrucciones

Paso 1

Puede utilizar los controles del creador de sitios para personalizar el menú en Ucoz. Por lo tanto, puede cambiar el color de fondo de la plantilla seleccionada, el color de los enlaces y el texto en los bloques de menú. La edición de todos los elementos se realiza a través del menú del diseñador "Diseño" - "Gestión del diseño (CSS)".

Paso 2

Esto abrirá una hoja de estilo CSS, es decir la plantilla sobre la base de la cual se muestran los elementos de la interfaz. Busque la línea navBar en el código que se muestra y edítela como mejor le parezca. Por ejemplo:

#navBar {relleno: 4px; fondo: # 959595; desbordamiento: automático; color rojo; }

Paso 3

Este código establece la sangría del texto desde los bordes del bloque creado en 4 píxeles, mientras que el fondo del menú adquiere el valor # 959595, que corresponde a un determinado color en el formato HTML. El parámetro overflow: auto se utiliza para configurar la visualización de contenido que no encaja en el área especificada. Este parámetro no debe editarse sin una necesidad especial. La opción de color establece los elementos de contenido del bloque en rojo.

Paso 4

Para editar los parámetros de un enlace, también puede utilizar las opciones que se encuentran en el mismo bloque de código. Cambie #navBar a: enlace (enlace normal), a: active (color de enlace después de hacer clic), a: visitado (enlace visitado) y a: hover (color de enlace después de hover) a su gusto. Cambie el color del atributo de color y edite el parámetro de decoración de texto, que establece los atributos del texto. Los valores de esta opción pueden estar subrayados, parpadeando, linethrough, overline.

Paso 5

Después de editar, haga clic en el botón "Guardar". De manera similar, cambie las líneas.subColumn (fondo para mostrar elementos de menú verticales),.boxTable (títulos de bloques de menú),.boxContent (contenido de listas de enlaces de menú),.uMenuV (elementos de menú verticales) a su gusto. Puede eliminar parámetros innecesarios e insertar su propio código CSS, así como editar los colores de otros elementos en el diseño.

Paso 6

Guarde los cambios y vea el resultado yendo a la página de su sitio web. Se completó la edición de los elementos del menú de Ucoz.

Recomendado: