May 23
È possibile inserire un menu orizzontale sulla versione per iPhone del tuo sito web per ottimizzare l'usabilità e l'esperienza complessiva di navigazione. Fogli di Cascade Style permettono di cambiare dinamicamente gli elementi voce di menu, tra cui la dimensione, il colore, il bordo e altri attributi. Un codice di esempio serve come punto di partenza per creare e personalizzare un menu che funziona meglio per il tuo sito e ai suoi visitatori.
1 Aprire il file iPhone HTML del tuo sito web con un editor di testo.
2 Individuare il tag "<body>" e posizionare il cursore del mouse sulla riga sopra di essa e aggiungere le seguenti righe di codice:
<Style type = "text / css">
ul menù # {
margin: 0; padding: 0;
list-style-type: none;
width: auto;
position: relative;
blocco di visualizzazione;
Altezza: 30px;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid # 000000
border-top: 1px solid # 000000
}
ul # menù li {
blocco di visualizzazione;
float: left;
margin: 0;
padding: 0;
}
ul # menù li a {
color: # 999999;
}
ul # menù li a: corrente {
color: # 2554C7;
text-decoration: underline;
}
</ Style>
3 Vai al tag "<body>" di nuovo e posizionare il cursore del mouse sulla riga sotto il tag. Aggiungere il seguente codice nel documento HTML, che crea il menu orizzontale:
<Ul id = "menu">
<Li> <a href="Home</a> & lt; / li "rel =" "target =" nofollow _blank "> http://yourdomain.com/iphone/index.html"> Casa & lt; / a> & lt ; / li>
<Li> <a href="About</a> & lt; / li "rel =" nofollow "target =" _blank "> http://yourdomain.com//iphone/about.html"> Informazioni su & lt; / a> & lt; / li>
<Li> <a href="Contact</a> & lt; / li "rel =" "target =" nofollow _blank "> http://yourdomain.com/iphone/contact.html"> Contatto & lt; / a> & lt ; / li>
</ Ul>
4 Sostituire il valore dietro la "a href =" variabile con l'indirizzo del sito web attuale che punta alla pagina di quella voce di menu.
5 Salvare il file con un editor di testo, quindi caricarlo sul server di hosting e testare la funzione del menu orizzontale e l'usabilità sul vostro iPhone.