-
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</a> & lt; / li "rel =" "target =" nofollow _blank "> http://yourdomain.com/iphone/index.html"> Inicio & lt; / a> & lt ; / li>
<Li> <a href="About</a> & lt; / li "rel =" nofollow "target =" _blank "> http://yourdomain.com//iphone/about.html"> Acerca de & lt; / a> & lt; / li>
<Li> <a href="Contact</a> & lt; / li "rel =" "target =" nofollow _blank "> http://yourdomain.com/iphone/contact.html"> 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.