Tecnología

Inicio

Cómo optimizar el iPhone sitio con un menú horizontal

Se puede colocar un menú horizontal en la versión para iPhone de su sitio web para optimizar la usabilidad y la experiencia general de navegación. Cascade Style Sheets le permiten cambiar dinámicamente los elementos del menú, incluyendo el tamaño de fuente, color, fronterizos y otros atributos. Un código de ejemplo sirve como punto de partida para crear y personalizar un menú que funciona mejor para su sitio web y sus visitantes.

Instrucciones

1 IPhone abrir el archivo HTML de su sitio web con un programa editor de texto.

2 Busque la etiqueta "<body>" y coloque el cursor del ratón en la línea por encima de ella y añadir las siguientes líneas de código:

<Style type = "text / css">

ul # menu {
margin: 0; padding: 0;
list-style-type: none;
width: auto;
position: relative;
bloqueo de pantalla;
altura: 30px;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid # 000000
border-top: 1px solid # 000000
}

ul # menu li {
bloqueo de pantalla;
flotador izquierdo;
margin: 0;
padding: 0;
}

ul # menu li a {
color: # 999999;
}

ul # menu li a: {actual
color: # 2554C7;
text-decoration: underline;
}

</ Style>

3 Ir a la etiqueta "<body>" de nuevo y colocar el cursor del ratón en la línea debajo de la etiqueta. Agregue el código siguiente en el documento HTML, que crea el menú horizontal:

<Ul ID = "Menú">
<Li> <a href="Home&lt;/a> & lt; / li "rel =" "target =" nofollow _blank "> http://yourdomain.com/iphone/index.html&quot;> Inicio & lt; / a> & lt ; / li>
<Li> <a href="About&lt;/a> & lt; / li "rel =" nofollow "target =" _blank "> http://yourdomain.com//iphone/about.html&quot;> Acerca de & lt; / a> & lt; / li>
<Li> <a href="Contact&lt;/a> & lt; / li "rel =" "target =" nofollow _blank "> http://yourdomain.com/iphone/contact.html&quot;> Contacto & lt; / a> & lt ; / li>
</ Ul>

4 Reemplazar el valor detrás de la "a href =" variable con la dirección del sitio web real que apunta a la página de ese elemento de menú.

5 Guarde el archivo en el editor de texto, luego subirlo a su servidor de alojamiento y probar la función y la utilidad del menú horizontal en su iPhone.