• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Menü für meine Homepage

SimonKonzalla

SimonKonzalla

New member
Ich brauche unbedingt ein Menü für meine Homepage! Ich weiß das meine Homepage nicht viel hermacht, bin aber auch noch Anfänger :D . ICh möchte aber gerne ein schönes Menü.
 
Findest Du nicht, daß ein Thread reicht? Den ersten hau ich in die Tonne...
 
Inwischen hast Du 4 Thread wegen Deines Anliegens eröffnet. Wenn Du zu dem Thema was zu sagen hast, poste es hierher! Weitere von Dir bzgl. dieses Themas gestartete Threads werden gnadenlos in die Tonne gehauen!
 
Da Du 14 bist, sei Dir verziehen.
Aber Dein Anliegen wird sich schwierig gestalten.
Es müsste sich jemand finden, der Dir so ein Menü in Flash macht (just4fun)...
 
SimonKonzalla schrieb:
Ich bräuchte eigentlich ein horizontales menü doch diesen thread hat der moderator gelöscht
Zum Vergrößern anklicken....
Nicht nur den, wie Du weißt und es war auch nicht immer ich. Du brauchst ein Menü, soviel steht fest. Was das für eins sein soll, sollte sich nicht im Stundenabstand ändern.

Egal wie es ist: Du kannst hier zum Besten geben, was es sein soll und wenn Du von der Flash-Variante (unabhängig von der Ausrichtung) abrückst, wird dieser Thread halt dahin weitergeschoben, wo er hingehört.

Ahoi - Pit
 
Rechtsklick -> Seitenquelltext anzeigen -> Kopieren -> Bei Dir speichern.
Dann alles irrelevante rausschmeissen und so sich langsam dem Ziel nähern...
 
Hier hast Du mal den relevanten Code:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
	<head>
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
		<title>menu eleven</title>
		<style type="text/css">
			
			#container {height:7em; position:relative; width:400px;}
			#menu {text-align:center; position:relative; top:30px; height:20px;}
			
			.box {position:relative; float:left; top:0; height:20px; overflow:hidden;}
			
			#menu a:visited {text-decoration:none; background-color:#e09222; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			#menu a {position:relative; text-decoration:none; background-color:#e09222; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			#menu a:hover {text-decoration:none; color:#000; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			#menu a:active {text-decoration:none; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			.mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:20px solid #e09222; border-left:20px solid #fff; overflow:hidden;}
			.mright {position:relative; float:left; top:0; width:0; height:0; border-left:20px solid #e09222; border-bottom:20px solid #fff; overflow:hidden;}
			.mmid {position:relative; float:left; top:0; width:25px; height:20px; background:#e09222; overflow:hidden;}
			.mid1, .mid2, .mid3, .mid4 {width:0; height:0; position:absolute; border-left:5px solid #e09222; border-bottom:5px solid #fff; overflow:hidden;}
			.mid5, .mid6, .mid7, .mid8 {width:0; height:0; position:absolute; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}
			.mid1 {left:15px; top:0;}
			.mid2 {left:10px; top:5px;}
			.mid3 {left:5px; top:10px;}
			.mid4 {left:0px; top:15px;}
			
			.mid5 {left:20px; top:0;}
			.mid6 {left:15px; top:5px;}
			.mid7 {left:10px; top:10px;}
			.mid8 {left:5px; top:15px;}
			
			.boxx {position:relative; float:left; top:0; width:25px; height:20px; background:#fff; overflow:hidden;}
			.boxx1, .boxx3, .boxx5, .boxx7 {float:left; height:0; border-right:5px solid #fff; border-top:5px solid #e09222;overflow:hidden;}
			.boxx2, .boxx4, .boxx6, .boxx8 {float:left; height:0; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}
			
			.boxx1 {width:15px;}
			.boxx2 {width:0;}
			.boxx3 {width:10px;}
			.boxx4 {width:5px;}
			.boxx5 {width:5px;}
			.boxx6 {width:10px;}
			.boxx7 {width:0;}
			.boxx8 {width:15px;}
		</style>
	</head>
<body>
<div id="info">
				
				<h2>EXAMPLE MENU ELEVEN</h2>
				
				<div id="container">
					<div id="menu"><span class="mleft"></span>
						<div class="box"><a href="#nogo">Item 1</a></div><div class="boxx"><div class="boxx1"></div><div class="boxx2"></div><div class="boxx3"></div><div class="boxx4"></div><div class="boxx5"></div><div class="boxx6"></div><div class="boxx7"></div><div class="boxx8"></div></div>
						<div class="box"><a href="#nogo">Item 2</a></div><div class="boxx"><div class="boxx1"></div><div class="boxx2"></div><div class="boxx3"></div><div class="boxx4"></div><div class="boxx5"></div><div class="boxx6"></div><div class="boxx7"></div><div class="boxx8"></div></div>
						<div class="box"><a href="#nogo">Item 3</a></div><div class="boxx"><div class="boxx1"></div><div class="boxx2"></div><div class="boxx3"></div><div class="boxx4"></div><div class="boxx5"></div><div class="boxx6"></div><div class="boxx7"></div><div class="boxx8"></div></div>
						<div class="box"><a href="#nogo">Item 4</a></div>
						
						<span class="mright"></span>
					</div>
					
				</div>
</div>
</body>
</html>
 
Ich mache meine Homepage mit Frontpage; da muss ich ja dann den Code in HTML einfügen. Doch bei mir geht es nicht, es erscheint nur der Code und nicht das Menü.

Simon
 
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<title>Dokumenttitel</title> 
<style type="text/css">
#container {height:7em; position:relative; width:400px;}
			#menu {text-align:center; position:relative; top:30px; height:20px;}
			
			.box {position:relative; float:left; top:0; height:20px; overflow:hidden;}
			
			#menu a:visited {text-decoration:none; background-color:#e09222; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			#menu a {position:relative; text-decoration:none; background-color:#e09222; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			#menu a:hover {text-decoration:none; color:#000; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			#menu a:active {text-decoration:none; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}
			
			.mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:20px solid #e09222; border-left:20px solid #fff; overflow:hidden;}
			.mright {position:relative; float:left; top:0; width:0; height:0; border-left:20px solid #e09222; border-bottom:20px solid #fff; overflow:hidden;}
			.mmid {position:relative; float:left; top:0; width:25px; height:20px; background:#e09222; overflow:hidden;}
			.mid1, .mid2, .mid3, .mid4 {width:0; height:0; position:absolute; border-left:5px solid #e09222; border-bottom:5px solid #fff; overflow:hidden;}
			.mid5, .mid6, .mid7, .mid8 {width:0; height:0; position:absolute; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}
			.mid1 {left:15px; top:0;}
			.mid2 {left:10px; top:5px;}
			.mid3 {left:5px; top:10px;}
			.mid4 {left:0px; top:15px;}
			
			.mid5 {left:20px; top:0;}
			.mid6 {left:15px; top:5px;}
			.mid7 {left:10px; top:10px;}
			.mid8 {left:5px; top:15px;}
			
			.boxx {position:relative; float:left; top:0; width:25px; height:20px; background:#fff; overflow:hidden;}
			.boxx1, .boxx3, .boxx5, .boxx7 {float:left; height:0; border-right:5px solid #fff; border-top:5px solid #e09222;overflow:hidden;}
			.boxx2, .boxx4, .boxx6, .boxx8 {float:left; height:0; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}
			
			.boxx1 {width:15px;}
			.boxx2 {width:0;}
			.boxx3 {width:10px;}
			.boxx4 {width:5px;}
			.boxx5 {width:5px;}
			.boxx6 {width:10px;}
			.boxx7 {width:0;}
			.boxx8 {width:15px;}
</style> 
</head> 
<body>  
<div id="info">
				
				<h2>EXAMPLE MENU ELEVEN</h2>
				
				<div id="container">
					<div id="menu"><span class="mleft"></span>
						<div class="box"><a href="#nogo">Item 1</a></div><div class="boxx"><div class="boxx1"></div><div class="boxx2"></div><div class="boxx3"></div><div class="boxx4"></div><div class="boxx5"></div><div class="boxx6"></div><div class="boxx7"></div><div class="boxx8"></div></div>
						<div class="box"><a href="#nogo">Item 2</a></div><div class="boxx"><div class="boxx1"></div><div class="boxx2"></div><div class="boxx3"></div><div class="boxx4"></div><div class="boxx5"></div><div class="boxx6"></div><div class="boxx7"></div><div class="boxx8"></div></div>
						<div class="box"><a href="#nogo">Item 3</a></div><div class="boxx"><div class="boxx1"></div><div class="boxx2"></div><div class="boxx3"></div><div class="boxx4"></div><div class="boxx5"></div><div class="boxx6"></div><div class="boxx7"></div><div class="boxx8"></div></div>
						<div class="box"><a href="#nogo">Item 4</a></div>
						
						<span class="mright"></span>
					</div>
					
				</div>
</div>
</body> 
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben