Wie das iPhone-Site mit ein horizontales Menü zu optimieren

October 1

Sie können ein horizontales Menü auf die iPhone-Version Ihrer Website Usability und der allgemeinen alltäglichen Arbeit optimieren platzieren. Cascade Style Sheets ermöglichen Sie die Menü-Item-Elemente, einschließlich die Größe der Schriftart, Farbe, Rahmen und andere Attribute dynamisch ändern. Ein Beispielcode dient als Ausgangspunkt zum Erstellen und anpassen ein Menü, das am besten für Ihre Website und ihre Besucher.

Anweisungen

1 Öffnen Sie Ihre Website iPhone HTML-Datei mit einem Text-Editor-Programm.

2 Wechseln Sie zu "< Body >"-Tag und platzieren Sie den Mauszeiger auf der darüber liegenden Zeile und fügen Sie die folgenden Codezeilen:

< Typ style = "Text/Css" >

#menu UL {}Margin: 0; Padding: 0;List-Style-Type: none;Breite: Auto;Position: Relative;Display: Block;Höhe: 30px;Font-Size: 12px;Font-Weight: bold;Border-Bottom: 1px solid #000000Grenze-oben: 1px solid #000000}

#menu UL li {}Display: Block;Float: Left;Margin: 0;Padding: 0;}

#menu UL li {ein}Farbe: #999999;}

UL #menu li a: aktuelle {}Farbe: # 2554-7;Text-Decoration: Underline;}

< / style >

3 Gehen Sie zu "< Body >"-Tag wieder und setzen Sie den Mauscursor auf die Zeile unterhalb des Tags. Fügen Sie den folgenden Code in das HTML-Dokument, das das horizontale Menü erstellt:

< Ul Id = "Menü" >< li >< a Href = "Home & Lt; / a > & Lt; / li" Rel = "Nofollow" Target = "_blank" > Http://yourdomain.com/iphone/index.html&quot;>Home&lt;/a>&lt;/li>< li >< a Href = "über & Lt; / a > & Lt; / li" Rel = "Nofollow" Target = "_blank" > Http://yourdomain.com//iphone/about.html&quot;>About&lt;/a>&lt;/li>< li >< a Href = "Kontakt & Lt; / a > & Lt; / li" Rel = "Nofollow" Target = "_blank" > Http://yourdomain.com/iphone/contact.html&quot;>Contact&lt;/a>&lt;/li></ul >

4 Ersetzen Sie den Wert hinter dem "a Href =" Variable mit der eigentlichen Website-Adresse, die auf dieses Menüelement Seite zeigt.

5 Speichern Sie die Datei im Text-Editor, dann laden Sie sie Ihr hosting Server und testen Sie des horizontalen Menüs Funktion und Benutzerfreundlichkeit auf Ihrem iPhone.