Cómo Dibujar Un Menú De Sitio

Tabla de contenido:

Cómo Dibujar Un Menú De Sitio
Cómo Dibujar Un Menú De Sitio

Video: Cómo Dibujar Un Menú De Sitio

Video: Cómo Dibujar Un Menú De Sitio
Video: Cómo dibujar un plato con juego de cubiertos | Dibujos sencillos 2024, Mayo
Anonim

Hay muchos diseños de sitios web que se pueden encontrar en línea. Son convenientes de usar cuando no hay tiempo para escribir todo el código desde cero. Es mucho más fácil editar una plantilla existente cambiando su diseño. Entonces, para dibujar su propio menú de sitio, debe realizar varios pasos.

Cómo dibujar un menú de sitio
Cómo dibujar un menú de sitio

Instrucciones

Paso 1

Como ejemplo, se considera el trabajo en el sistema ucoz. El diseño de varios elementos de un sitio a menudo se especifica mediante una hoja de estilo (CSS). Para acceder a él, inicie sesión en el panel de control con una cuenta de administrador. En la página principal del panel, seleccione la sección "Gestión de diseño".

Paso 2

En la lista desplegable de páginas editables, seleccione Hoja de estilo (CSS) en la categoría Plantillas generales. Observe la información escrita en las líneas relacionadas con el diseño general (bloque de Estilo General) y específicamente con el menú (bloques con la palabra Menús en sus nombres). Debe averiguar qué parámetros están configurados para la barra de menú: ancho, alto, fondo del panel y botones, imágenes, etc.

Paso 3

Si los parámetros no le convienen, sustitúyalos por los que necesite y guarde la plantilla. Después de eso, ya puede iniciar el editor de gráficos y, utilizando la información obtenida, dibujar sus propios botones. Guárdelos y vuelva al sitio. En el menú "Herramientas", seleccione el elemento "Administrador de archivos" o haga clic en el enlace del mismo nombre ubicado debajo del bloque con el código.

Paso 4

Sube nuevos botones al sitio (flechas de dirección u otros elementos gráficos que usarás en el menú). Anote el valor de los botones en el código (por ejemplo, background: url ('https:// enlace a la imagen desde el administrador de archivos') no-repeat XXpx XXpx), establezca los parámetros de alineación, posición en la página. Anote el estilo y el tamaño de la fuente para las secciones del menú (familia de fuentes y tamaño de fuente) y realice cualquier otro cambio que necesite.

Paso 5

Haga clic en el botón "Guardar", espere la notificación de que la plantilla se ha guardado correctamente y abra la página del sitio para evaluar el resultado del trabajo realizado. Si no está satisfecho con algo, puede deshacer sus acciones en la ventana de edición de CSS usando el botón de flecha izquierda en la barra de herramientas.

Recomendado: