La tecnología de la información se desarrolla todos los días. Y lo que antes parecía algo inalcanzable, hoy ya está disponible para casi todos los hombres de la calle. Y no es necesario tener habilidades y conocimientos sobrenaturales para hacer tu propio sitio web. Y si solo estamos hablando de agregar un menú a su recurso, incluso un niño en edad escolar puede manejarlo.
Es necesario
Computadora con conexión a internet
Instrucciones
Paso 1
Vaya al sitio web PureCSSMenu. Aquí verá un editor visual con el que puede crear rápida y fácilmente un menú para cualquier sitio.
Paso 2
Para ir a la página donde se distribuyen las plantillas de menú, haga clic en el botón "Plantillas", que se encuentra a la izquierda. Luego, debe seleccionar la plantilla que le gusta y hacer clic en ella. En la ventana "Vista previa", verá un menú realmente funcional, que se crea utilizando hojas de estilo en cascada.
Paso 3
Explore cada una de las plantillas sugeridas para elegir la que mejor se adapte a su sitio. Si el color y la fuente que le gustó por el estilo del menú no se ajustan a la combinación de colores del sitio, puede cambiar estos parámetros haciendo clic en la pestaña "Parametrs".
Paso 4
Cambie el color y la fuente usando código HTML o selecciónelo de la paleta que ofrece el recurso haciendo clic en el tono que desee.
Paso 5
Ahora cree una estructura de menú para su sitio. Para hacer esto, haga clic en el botón "Elementos". En la pestaña que se abre, verá un botón con un gran signo más y la inscripción "Agregar artículo". Haga clic en este botón y se agregará un nuevo elemento al final del menú. Para insertar un nuevo elemento en el medio del menú, seleccione la pestaña después de la cual debe agregarse y haga clic en el botón etiquetado "Agregar elemento siguiente".
Paso 6
Para agregar un elemento secundario al menú desplegable, presione el botón "Agregar elemento secundario", después de seleccionar el elemento del menú que contendrá la nueva pestaña. Si desea eliminar alguno de los elementos, selecciónelo y haga clic en el botón "Eliminar elemento".
Paso 7
En el área "Parámetros del artículo" es necesario completar todos los campos para que el nuevo menú funcione correctamente. En el campo "Texto", ingrese el nombre del elemento del menú, en el campo "Enlace", ingrese la dirección de la página a la que se llevará a cabo la transición después de hacer clic en este botón. Para elegir cómo se debe abrir la página, en el campo "Destino", establezca el valor "_self" o "_blank". Con la primera opción, la página se abrirá en la misma ventana, con la función "_blank" seleccionada, en una nueva.
Paso 8
Ahora necesita pegar el código del menú creado en su sitio. Para hacer esto, haga clic en el botón "Descargar", que se encuentra en la esquina inferior derecha, y seleccione una carpeta en su computadora donde se guardará el archivo purecssmenu-com.zip. Después de guardar el archivo, descomprímalo y abra el archivo purecssmenu.html, que contiene su código de menú. Copie este código y péguelo en el archivo de plantilla de su sitio web.
