Cómo hacer un menú vertical PixoPoint

PixoPoint es una empresa de desarrollo web que ofrece un menú desplegable o interfaz trasladados desde y hacia la creación de menús, así como plugins y creación de temas para WordPress. El creador del menú desplegable PixoPoint CSS se construye alrededor del estilo de menú Suckerfish. Los menús desplegables que se utilizan para requerir grandes cantidades de la escritura y la codificación, pero con Suckerfish todo lo que se necesita es un poco de estilo sencillo CSS y la lista de creación. Creación de un menú vertical de PixoPoint requiere una cuenta premium, mientras que los menús horizontales se pueden crear de forma gratuita.

Instrucciones

1 Ingrese a su cuenta PixoPoint. Seleccione "Generador de CSS menú desplegable" en "Productos" en la barra de navegación.

2 Seleccione el diseño de la sección "confeccionados Diseños". Seleccione "Vertical Flyout" de la "navegación tipo" desplegable.

3 Seleccione un estilo de alto nivel de fondo de una imagen de fondo y los colores de fondo para así como el comportamiento estacionario. Seleccione la familia de nivel superior de fuente, tamaño de fuente, el peso de la fuente, color de texto y el comportamiento texto emergente.

4 Ajustar la estatura de nivel superior, que se refiere a la altura de la barra de menús. Agregar relleno horizontal, el ancho del margen si se utiliza un borde y un color de borde. Fije su alto nivel anchura desplegable.

5 Seleccione si se repite o no el fondo. Esto puede ser conveniente si se utiliza una imagen. También puede optar por tener su menú PixoPoint "Buttonized." Esto creará botones gráficos en lugar de elementos basados ​​en texto, pero sigue siendo el desarrollo a partir de abril de 2011.

6 Repita el paso 3 para los elementos de menú de nivel inferior. Estos son los elementos de los "niños" con arreglo a los elementos de menú de nivel superior, que se mostrarán en un menú desplegable.

7 Seleccionar un grosor de fuente y elija un color del borde ancho y la frontera si se utiliza una frontera. Ajuste la opacidad de la mosca de salida; esta necesidad de ser un decimal, es igual a 0 total transparencia y 1 es igual a la opacidad completa.

8 Establecer su acolchado vertical. Este es el relleno por encima y por debajo de los elementos de menú.

9 Elija una dirección desplegable. Si el menú no estará a la izquierda, su dirección mosca de salida sería correcto y si su menú será a la derecha, la dirección de la mosca de salida debe ser dejado. Haga clic en "Enviar Diseño" en la parte superior cuando haya terminado la configuración.

10 Descargar la hoja de estilos de archivos de página web y abrirlo con el software de edición de código.

11 Copia el código CSS desde la interfaz PixoPoint y pegarlo en su hoja de estilo en alguna parte. Puede ir hasta el final en la parte inferior.

12 Guarde el documento y subirlo a sus archivos de página web. Su menú vertical PixoPoint ya está listo para usar.

Consejos y advertencias

• Para poner en práctica su menú vertical PixoPoint, crear una lista desordenada en su menú va a ir y darle el id "suckerfishnav." Añadir <li> etiquetas para cada elemento del menú. elementos secundarios irán en una lista desordenada dentro de los elementos principales <li> y </ li> etiquetas.
• Usted debe ser un miembro de la prima PixoPoint para crear un menú vertical. Regístrese en el sitio web PixoPoint.
• Una solución podría ser necesario JavaScript para Internet Explorer para visualizar correctamente el: elemento de "flotar".