Thema: Menu
Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 27.08.2014, 11:17
jsdev jsdev ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.08.2014
Beiträge: 3
jsdev befindet sich auf einem aufstrebenden Ast
Standard Menu

Hallo

Ich arbeite grade eine bestehende Seite in eine Mobile Version um.
Dazu möchte ich das Menü anpassen.
Links ein button zum öffnen des menüs
dann der Bereich(Text 1 bzw. "Service")
und dann der aktuelle Seitentitel (Text 2 bzw. "Download")

Hier eine Grafik mit meiner Gestaltungs Idee:


Der rote Bereich ist die Farbe von dem Bereich in dem sich der Nutzer grade bewegt, daher variable. der gelbe Bereich ist fest.

Ich weiß leider überhaupt nicht wie ich das umsetzten soll
bisher habe ich:
Der Menü streifen: höhe 45px und Color gelb
HTML-Code:
<div class="BodyElement" style="background-color:#FFD407">          
<div style="height:45px;">
Der Button
HTML-Code:
       <a href="#" class="noarrow menupic" style="float:left; margin-left: 0.6em"><img src="mfiles/img/menu.gif" style="width: 40px; margin-top:0.5em "></a>
Den Halbkreis 1
HTML-Code:
				<img src="mfiles/img/menu_curve.gif" style="height: 45px;" />
Den text 1
HTML-Code:
						<a href="/index.php" id="navservice" class="Navigation">Service</a>
Den 2. Halbkreis und den Bild titel
HTML-Code:
				<img src="mfiles/img/menu_curve.gif" style="height: 45px" />
				<a id="page_title" class="Nav_Page">Startseite</a>
					</div></div>
Screenshot:

(sieht etwas anders aus weil die angaben eigentlich in einem externen style sheet lagern)

Mein Problem dabei ist das einfärben eines bereiches.
Ich bin aber auch für neue Vorschläge offen

Wenn ihr fragen habt fragt bitte Ich hoffe ihr könnt mir helfen!
Gruß
js
Mit Zitat antworten
Sponsored Links