PageSourceSearch

https://css3menu.com/de/index.html

html css3menu.com collected 2026-10-02 06:20:51 UTC 37,560 bytes, 598 lines download raw bytes

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<head>
3  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
4  <title>CSS3 Menu. Kostenloser CSS-Menü-Editor</title>
5<meta name="description" content="Wunderschöne CSS-Menüs und Schaltflächen mit CSS3-abgerundeten Ecken, CSS3-Gradienten und CSS3-Schatten. KEIN JavaScript, KEINE Bilder, nur CSS! CSS3 Menu. Dropdown-CSS-Menü." />
6  
7  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
8<link rel="stylesheet" href="../styles1.css" type="text/css">
9  <link rel="stylesheet" href="../images/menu_files1/style-de.css" type="text/css" />
10	<link rel="stylesheet" href="../images/download1-files/style-de.css" type="text/css" />
11	
11<script type="text/javascript" src="../jquery.js"></script>
11
12	
12<script type="text/javascript" src="../a.js"></script>
vendor: 2 bytes, line 12
12
13<script type="text/javascript">
14
15var _gaq = _gaq || [];
16  _gaq.push(['_setAccount', 'UA-26366377-1']);
17  _gaq.push(['_setDomainName', '.css3menu.com']);
18_gaq.push(['_setAllowLinker', true]);
19_gaq.push(['_setAllowHash', false]);
20if(document.cookie.match("(^|;\\s)__utma") && !/utmcsr=\(direct\)/.test(unescape(document.cookie))) {
21    _gaq.push(
22      ['_setReferrerOverride', ''],
23      ['_setCampNameKey', 'aaan'], 
24      ['_setCampMediumKey', 'aaam'], 
25      ['_setCampSourceKey', 'aaas'], 
26      ['_setCampTermKey', 'aaat'], 
27      ['_setCampContentKey', 'aaac'], 
28      ['_setCampCIdKey', 'aaaci']
29    )
30}
31
32_gaq.push(['_trackPageview']);  
33
34(function() {
35var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
36ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
37var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
38})();
39
40</script>
40
41<!-- CSS3 Visits -->
42<script type="text/javascript">
43/* <![CDATA[ */
44var google_conversion_id = 1071863997;
45var google_conversion_language = "en";
46var google_conversion_format = "3";
47var google_conversion_color = "ffffff";
48var google_conversion_label = "RkPjCM-85QIQvbGN_wM";
49var google_conversion_value = 0;
50/* ]]> */
51</script>
vendor: 2 bytes, line 51
51
52<script type="text/javascript" src="https://www.googleadservices.com/pagead/conversion.js">
53</script>
53
54<noscript>
55<div style="display:inline;">
56<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1071863997/?label=RkPjCM-85QIQvbGN_wM&amp;guid=ON&amp;script=0"/>
57</div>
58</noscript>
59
60</head><body id="TotalBodyId" style="margin: 0px 0pt 0pt; background-position: 0pt 0pt;">
61
62<div id="top-wrap">
63
64 <div id="header-wrap">
65 
66<div id="flags" align="right" style="height: 15px;">
67<a href="../index.html"><img src="../images/en.gif" title="English" alt="English" /></a>
68<a href="../de/index.html"><img src="../images/de.gif" title="Deutsch" alt="Deutsch" /></a>
69<a href="../es/index.html"><img src="../images/es.gif" title="Español" alt="Español" /></a>
70<!--<a href="../br/index.html"><img src="../images/br.gif" title="Português brasileiro" alt="Português brasileiro" /></a>
71<a href="../fr/index.html"><img src="../images/fr.gif" title="Français" alt="Français" /></a>-->
72<a href="../it/index.html"><img src="../images/it.gif" title="Italiano" alt="Italiano" /></a>
73<!--<a href="../dt/index.html"><img src="../images/dt.gif" title="Nederlands" alt="Nederlands" /></a>-->
74<a href="../ru/index.html"><img src="../images/ru.gif" title="Русский" alt="Русский" /></a>
75<a href="../se/index.html"><img src="../images/se.gif" title="Svenska" alt="Svenska" /></a>
76<a href="../ja/index.html"><img src="../images/ja.gif" title="日本語" alt="日本語" /></a>
77</div>
78 
79    <div id="header">
80        <h1><a href="index.html">
81        	<img src="../images/logo.png" alt="logo" height="46" width="190"></a></h1><!-- logo here -->
82        <em style="display: none; top: 100px;" class="ttip">CSS3Menu</em><!--tool tip for logo-->
83   <div id="main-menu">
84<ul id="css3menu_top" class="topmenu">
85	<li class="topfirst"><a href="index.html#overview" style="height:24px;line-height:24px;"><img src="../images/menu_files1/home.png" alt=""/>Überblick</a></li>
86	<li class="topmenu"><a href="../index.html#new" style="height:24px;line-height:24px;"><img src="../images/menu_files1/curriculum.png" alt=""/>Was gibt's neues</a></li>
87	<li class="topmenu"><a href="#" style="height:24px;line-height:24px;"><span><img src="../images/menu_files1/gear.png" alt=""/>Schnellhilfe</span></a>
88	<div class="submenu">
89	<div class="column"><ul>
90		<li><a href="index.html#help"><img src="../images/menu_files1/pencil.png" alt=""/>Schritt-für-Schritt</a></li>
91		<li><a href="../css-menu-video-tutorials.html"><img src="../images/menu_files1/monitor.png" alt=""/>Videoanleitungen</a></li>
92		<li><a href="faq.html"><img src="../images/menu_files1/hammer.png" alt=""/>Technische Fragen</a></li>
93		<li><a href="license.html"><img src="../images/menu_files1/certificate.png" alt=""/>Fragen zur Lizensierung</a></li>
94		<li><a href="https://css3menu.com/rq/"><img src="../images/menu_files1/help.png" alt=""/>Kürzlich gestellte Fragen</a></li>
95	</ul></div></div>
96</li>
97	<li class="topmenu"><a href="#" style="height:24px;line-height:24px;"><span><img src="../images/menu_files1/star.png" alt=""/>Beispiele</span></a>
98	<div class="submenu" style="width:337px;">
99	<div class="column" style="width:45%"><ul>
100		<li><a href="../bulgy-red.html"><img src="../images/menu_files1/checkmark.png" alt=""/>Bulgy</a></li>
101		<li><a href="../delicacy-green.html"><img src="../images/menu_files1/checkmark.png" alt=""/>Delicacy</a></li>
102		<li><a href="../eight-blue.html"><img src="../images/menu_files1/checkmark.png" alt=""/>Eight</a></li>
103		<li><a href="../elite-blue.html"><img src="../images/menu_files1/checkmark.png" alt=""/>Elite</a></li>
104		<li><a href="../lilt-dark.html"><img src="../images/menu_files1/checkmark.png" alt=""/>Lilt</a></li>
105		<li><a href="../magnetic-violet.html"><img src="../images/menu_files1/checkmark1.png" alt=""/>Magnetic</a></li>
106	</ul></div>
107	<div class="column" style="width:55%"><ul>
108		<li><a href="../jalousie-light-grey.html"><img src="../images/menu_files1/checkmark.png" alt=""/>Jalousie</a></li>	
109		<li><a href="../boundary-dark-green.html"><img src="../images/menu_files1/checkmark.png" alt=""/>Boundary</a></li>	
110		<li><a href="../sparkle-brown-vertical.html"><img src="../images/menu_files1/checkmark1.png" alt=""/>Sparkle Vertical</a></li>
111		<li><a href="fair-grey-rtl.html"><img src="../images/menu_files1/checkmark9.png" alt=""/>Fair (RTL mode)</a></li>
112		<li><a href="responsive.html"><img src="../images/menu_files1/checkmark10.png" alt=""/>Push Tall (responsive)</a></li>
113		<li><a href="demo.html"><img src="../images/menu_files1/checkmark11.png" alt=""/>More demos</a></li>
114	</ul></div></div>
115</li>
116	<li class="topmenu"><a href="license.html" style="height:24px;line-height:24px;"><img src="../images/menu_files1/diskette.png" alt=""/>Download</a></li>
117	<li class="toplast"><a href="index.html#contacts" style="height:24px;line-height:24px;"><img src="../images/menu_files1/front_desk.png" alt=""/>Kontakt</a></li>
118</ul><p class="_css3m" style="display:none"><a href="../http://css3menu.com/">
118CSS Dropdown Menus </a></p>
119			<!--end of navigation-->
120		</div>
121    </div>
122</div><!--header ends here-->
123
124<div class="banner-wrap">
125<div class="banner-inner">
126<div id="loopedSlider">
127	<div class="container">
128	        <div style="width: 100%; left: 0px;" class="slides">
129	        <div style="position: relative; left: 0px; display: block;" class="banner">
130		        <div class="leftContent">
131    		        <h2>Schicke Dropdownmenüs mit reinem CSS!</h2>
132        	        <p>Ein toll aussehendes Menü zu erstellen, braucht danke CSS3 nicht mehr so viel Code und Zeit wie früher. 
133        	        	Mit diesem KOSTENLOSEN CSS3-Menü können Sie großartig aussehende, reine CSS3 Schaltflächen mit nur wenigen Klicks fertigstellen.</p>
134
135			<div id="css3menu_dm1" style="position: relative;">
136				<ul id="css3menu_dm" class="topmenu">
137					<li class="topfirst"><a href="../css3menu-setup.zip" style="height:32px;line-height:32px;"><img src="../images/download1-files/down.png" alt=""/>KOSTENLOSER Download</a></li>
138					<li class="topmenu"><a href="demo.html" style="height:32px;line-height:32px;"><img src="../images/download1-files/brushes.png" alt=""/>Live-Beispiele</a></li>
139				</ul>
140			</div>     
141
142
143				
144<!--			<div style="position: absolute; top:270px;left: 0px">
145			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://css3menu.com" data-count="vertical">Tweet</a>
145<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
145
146			</div>
147			<div style="position: absolute; top:270px;left: 60px;">
148			<a name="fb_share" type="box_count" share_url="http://css3menu.com" href="http://www.facebook.com/sharer.php">Share</a>
149			
149<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
149</div>	
150			<div class="banner-twit">
151			<div style="position: absolute; top:270px;left: 125px"><a href="http://twitter.com/css3menu" rel="nofollow" title="Follow us on Twitter" target="_blank" 
152	        style="font-size: 12px; color: #333; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 11px; display: block;">
153	        <img src="../images/follow_twitter.gif" height="36" width="32">&nbsp;Follow us on Twitter</a></div>
154	        </div>
155			<div style="position: absolute; top:310px;left: 125px"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FCSS3Menu%2F118788668182967&amp;layout=standard&amp;show_faces=false&amp;width=180&amp;action=like&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:40px;" allowTransparency="true"></iframe></iframe></div>	    -->
156
157			</div><!--end of left container-->
158		
159  		        <img id="menus" src="../images/slider-img.png" alt=" " height="378" width="550"> 
160            </div>
161
162	        </div>
163	</div>
164</div>
165
166
167</div><!--end of inner banner-->        
168</div><!--end of sliding banner-->
169
170<div id="bodywrap">
171<div id="content-wrap">
172
173    <div class="leftPan">
174    	<div class="innerLeft">
175        	<h3 id="overview">Überblick</h3>
176            <p>CSS3 ändert die Art, wie wir Webseiten bauen. Obwohl sich viele von uns noch wehren CSS3 zu benutzen, da es einige Browser noch 
177			nicht unterstützen, gibt es auch welche die den Fortschritt antreiben und beeindruckend Sachen mit seinen coolen, neuen Funktionen 
178			anstellen. Wir sind nicht mehr auf so viel JavaScript und Bilder angewiesen um toll aussehende Webseiten-Elemente wie Schaltflächen 
179			und Menü-Navigationen zu erstellen.</p>
180            <p>Sie können ein cool abgerundetes Navigations-Menü ohne Bilder und ohne JavaScript erstellen und effektiv Gebrauch der neuen 
181			CSS3-Eigenschaften 'border-radius' und 'animation' machen. Dieses Menü funktioniert perfekt mit Firefox, Opera, Chrome und Safari 
182			zusammen. Das Dropdown funktioniert auch mit nicht-CSS3-kompatiblen Browsern wie IE7, aber die abgerundeten Ecken und Schatten werden 
183			nicht gezeichnet werden. CSS3-Übergänge könnten eines Tages all die schnieken jQuery-Animationstricks ablösen, die die Leute 
184			heutzutage benutzen. </p>
185      </div>
186        
187      <div class="innerRight">
188       	<h3>Menü-Funktionen</h3>
189          <ul>
190           	  <li><img src="../images/no-javascript.gif" alt=" " height="54" width="54">
191               	  <p><strong>Kein JavaScript nötig</strong> <br />
192									Funktioniert in Browsern mit deaktiviertem JavaScript und Browsern die überhaupt kein JavaScript unterstützen.</p>
193              </li>
194			  <li><img src="../images/responsive-menu.gif" alt=" " height="64" width="64">
195               	  <p><strong>Reaktives Menü</strong><br /> 
196									 Das Menü passt sich geschmeidig an das Darstellungs-Umfeld an.  <a href="responsive.html">Beispiel zum reaktiven Menü..</a></p>
197              </li> 	
198                       
199              <li><img src="../images/seo-friendly.gif" alt=" " height="47" width="64">
200               	  <p><strong>Suchmaschinen-kompatibel</strong><br /> 
201									Kompatibel mit Suchmaschinen und reinen Text-Browsern.</p>
202              </li>
203 
204
205              <li><img src="../images/supported-browsers.gif" alt=" " height="44" width="64">
206               	  <p><strong>Browser-Unterstützung</strong><br /> 
207									 Unterstützt alle modernen Browser (in IE6 sind nur die hierarchisch höchsten Elemente erreichbar).</p>
208              </li>  
209			  <li><img src="../images/devices.gif" alt=" " height="64" width="64">
210               	  <p><strong>Unterstützte Geräte</strong><br /> 
211									 Unterstützt alle modernen Geräte (iPhone, iPad, Android, Blackberry, Windows Phone).</p>
212              </li>  
213
214              <li><img src="../images/gui-interface.gif" alt=" " height="54" width="54">
215               	  <p><strong>Benutzeroberfläche</strong><br /> 
216									 Eine visuelle Design-Benutzeroberfläche erlaubt Ihnen die Erstellung Ihrer Menüs ohne komplexes Programmieren. 
217									 Mit dem Vorschaufenster können Sie Ihr Menü betrachten, noch während Sie es entwickeln und anpassen.</p>
218              </li>   
219              <li><img src="../images/css-100.gif" alt=" " height="49" width="64">
220               	  <p><strong>100% CSS-basierende Designs</strong><br /> 
221									Das Menu basiert nur auf HTML-Listen von Links (UL/LI Struktur) und CSS. 
222									Keine zusätzlichen nicht-CSS-Parameter werden benutzt.</p>
223              </li>     
224              <li><img src="../images/css3-icon.gif" alt=" " height="54" width="54">
225               	  <p><strong>Großartige CSS3-Eigenschaften</strong> <br /> 
226									Multi-Level Dropdownmenüs werden mit <a href="css3-rounded-corners.html" title="CSS3 abgerundete Ecken">CSS3 abgerundete Ecken</a> (<a href="mac-green.html" title="CSS3 Rahmenradius"> CSS3 Rahmenradius</a>
226), <a href="css3-shadow.html" title="CSS3 Schatten">CSS3 Schatten</a> erstellt (Box-Schatten und <a href="css3-text-shadow.html" title="css3 text shadow">Text-Schatten</a>).<br />
227									Transparenz, Hintergrund und Schriftfarbe <a href="css3-gradient.html">Lineare Gradienten</a> und radialer <a href="css3-gradient.html">CSS3 Gradienten</a> werden auch unterstützt.<br />
228									Reiner CSS3-Effekt für Dropdown-Erscheinung, <a href="core-brown.html">Ausblend</a>, <a href="current-slide.html">Schiebe</a>, etc.
229					</p>
230              </li>    
231              <li><img src="../images/columns.gif" alt=" " height="54" width="54">
232               	  <p><strong>Megamenü mit Multi-Spalten Untermenüs</strong><br /> 
233									Erstellen Sie <a href="mega-menu.html">Megamenüs</a> mit Multi-Spalten Untermenüs. Geben sie die Anzahl der Zeilen an, die Sie haben möchten.</p>
234              </li>   
235              <li><img src="../images/light-weight-icon.gif" alt=" " height="50" width="54">
236               	  <p><strong>Kleine Größe</strong><br /> 
237									 Sofortiges Laden des Menüs. Benutzt keine zusätzlichen Dateien.</p>
238              </li>                                                 
239          </ul>
240        </div>       
241<br /><br /><br />
242
243								<h3>Vollversion erwerben</h3>	
244<p>CSS3Menu ist für den nicht-kommerziellen Gebrauch kostenlos. Wenn Sie CSS3Menu auf einer Schulseite, Ihrem nicht-kommerziellen Blog oder 
245Webseite Ihrer non-profit-Organisation benutzen wollen, laden Sie einfach CSS3Menu herunter und benutzen Sie es kostenlos. </p>								
246<p>Bei kommerzieller Nutzung wird eine Lizenzgebühr fällig. CSS3 Menu Commercial Edition bietet zusätzlich die Möglichkeit Menüs mit mehreren 
247Spalten zu erstellen und enthält erweiterte Sets von Menüvorlagen und Symbolen. Nachdem Sie die Zahlung per sicherem Formular abgeschlossen 
248haben, bekommen Sie sofort Ihre Lizenzinformationen per E-Mail. Sie können unter folgenden Zahlungsmethoden auswählen: Kreditkarte, 
249Banküberweisung, Scheck, PayPal, etc. <br /><br /> </p>
250
251<ul id="css3menu_dd" class="topmenu">
252	<li class="topfirst"><a href="../css3menu-setup.zip" style="height:40px;line-height:14px;"><span>Kostenlose Version herunterladen</span><br>für Windows & Mac</a></li>
253	<li class="topmenu"><a target="_blank" href="license.html" style="height:40px;line-height:14px;"><span>Kommerzielle Version herunterladen</span><br>für Windows & Mac - <em>$59</em></a></li>
254</ul>
255    
256       
257        		<br /><br /><br />
258        
259
260				     
261      <h3 id="help">Hilfe</h3>
262<p style="font-weight:bold;padding-bottom: 10px;"><b>Sehen Sie auch:</b></p>
263<a href="faq.html">Technische Fragen</a><br />
264<a href="license.html">Lizenzfragen</a><br />
265<a href="https://css3menu.com/rq">Neueste Fragen</a><br /><br />	  
266      		<h4>Wie man cool animierte CSS3-Menüs ohne JavaScript baut</h4>
267      		<p class="image"><img style="max-width: 100%; widtn: 630px;" src="../images/css3menu-gui-screenshot.jpg" alt="CSS3 Menu gui screenshot" /></p>
268        	<p>1) <b>Öffnen Sie CSS3 Menu</b> und klicken Sie auf "Element hinzufügen" <img src="../images/add-item.gif" class="image" alt="" > und "Untermenü hinzufügen" <img src="../images/add-subitem.gif" class="image" alt="" > auf der CSS3 Menu-Werkzeugleiste um Ihr Menü zu erstellen.
269        		 Sie können auch "Element löschen" <img src="../images/delete-item.gif" class="image" alt="" > benutzen, um Schaltflächen zu entfernen.</p>
270 					<p>2) <b>Vorgefertigte Vorlagen benutzen</b>. Um das zu tun, wählen Sie ein Thema aus der Vorlagen-Liste aus, das Ihnen 
271					gefällt. Doppelklicken Sie das Thema an, das Sie verwenden möchten. </p>
272 						 <p style="text-align:center"><img src="../images/templates-area.gif" class="image" alt="" ></p>
273					<p>3)  <b>Passen Sie die Erscheinung des Menüs an.</b> <br />
274							&nbsp;3.1. Wählen Sie ein Element durch Anklicken aus und ändern Sie die Schaltflächen-Erscheinung für normalen und 
275							gehoverten Zustand und setzen Sie Schaltflächen-Link-Eigenschaften und Link-Ziel-Attribute im "Hauptmenü"-Register aus. <br />
276        			&nbsp;3.2. Wählen Sie ein Untermenü-Element durch Anklicken aus und ändern Sie die Untermenü-Erscheinung für normalen und 
277					gehoverten Zustand und setzen Sie Untermenü-Element-Link-Eigenschaften und Link-Ziel-Attribute im "Untermenü"-Register aus.</p>
278							 <p style="text-align:center"><img style="max-width: 100%; widtn: 680px;" src="../images/item-properties.gif" class="image" alt="" ></p>
279 					<p>4)  <b>Speichern Sie Ihr Menü ab.</b><br />
280							&nbsp;4.1. <i>Speichern Sie Ihre Projektdatei ab.</i> Um das Projekt zu speichern klicken Sie auf "Speichern" <img src="../images/save-project.gif" 
280class="image" alt="" > in der Werkzeugleiste 
281							oder wählen Sie "Speichern" oder "Speichern als..." im Hauptmenü aus.<br />
282							&nbsp;4.2. <i>Veröffentlichen Sie Ihr Menü im HTML-Format.</i> Um das zu tun, klicken Sie auf "Veröffentlichen" <img src="../images/publish-html.gif" class="image" alt="" > 
283							 in der Werkzeugleiste.  </p>
284 <br/><br/>
285 <h3 id="contacts">Kontaktieren Sie uns</h3>
286            
287            <p class="qcontacts"><strong>CSS3 Menu</strong><br>
288				Für Fehlerbehebung, Funktionswünschen und allgemeine Hilfe kontaktieren Sie den Kundensupport unter <img src="../images/mail.gif?mquery=support.css3menu" alt="Mail" style="float:none;position:relative; top:5px;" />. 
289				Geben Sie unbedingt Details zu Ihrem Browser, Betriebssystem, der CSS3 Menu Version und einen Link zu Ihrer Seite an. 
290				In den meisten Fällen erhalten Sie innerhalb eines Werktages eine Antwort.
291				Bitte lesen Sie die <a href="faq.html">FAQ</a> um zu schauen, ob Ihre Frage bereits beantwortet wurde.<br>
292				E-mail: <img src="../images/mail.gif?mquery=support.css3menu" alt="Mail" style="float:none;position:relative; top:5px;" />
293			</p>
294
295     </div><!--end of leftPan-->
296
297     <div class="rightPan">
298     	<!--<h3>What's New</h3>
299        
300        <ul class="lists">
301        	<li>
302				<font color="#0182BB">CSS3 Menu v3.5 (Jan 23, 2013)</font> <br />
303				 <a href="index.html#new" class="more">Read more</a>
304            	  <br />  <br />  
305				 <font color="#0182BB">CSS3 Menu v3.1 (Jul 3, 2012)</font> <br /><br />
306				 <font color="#0182BB">CSS3 Menu v2.3 (Feb 2, 2012)</font> <br /> <br />
307
308            </li>
309        </ul>
310
311		<br /><br /><br />-->
312     	<h3>Neueste Vorlagen</h3>
313        
314         <ul class="lists">
315		   <li>
316            	<p><strong>Flat Turquoise Vertical</strong></p>
317 								<a href="flat-turquoise-vertical.html" class="right"><img src="../images/templates/flat.gif" alt="Flat Turquoise Vertical" /></a><br /><br />
318                <a href="flat-turquoise-vertical.html" class="more">Live-Beispiel anschauen..</a>
319            </li>
320		   <li>
321            	<p><strong>Metro Black</strong></p>
322 								<a href="metro-black.html" class="right"><img src="../images/templates/metro.gif" alt="Metro Black" /></a><br /><br />
323                <a href="metro-black.html" class="more">Live-Beispiel anschauen..</a>
324            </li>
325		   <li>
326           	<p><strong>Graffito Light Green</strong></p>
327 								<a href="graffito-light-green.html" class="right"><img src="../images/templates/graffito.gif" alt="Graffito Light Green" /></a><br /><br />
328                <a href="graffito-light-green.html" class="more">Live-Beispiel anschauen..</a>
329            </li>
330		   <li>
331            	<p><strong>Motion Blue</strong></p>
332 								<a href="motion-blue.html" class="right"><img src="../images/templates/motion.gif" alt="Motion Blue" /></a><br /><br />
333                <a href="motion-blue.html" class="more">Live-Beispiel anschauen..</a>
334            </li>		 
335		   <li>
336            	<p><strong>Reflex Black Vertical</strong></p>
337 								<a href="reflex-black-vertical.html" class="right"><img src="../images/templates/reflex.gif" alt="Reflex Black Vertical" /></a><br /><br />
338                <a href="reflex-black-vertical.html" class="more">Live-Beispiel anschauen..</a>
339            </li>
340		   <li>
341            	<p><strong>Sphere Orange</strong></p>
342 								<a href="sphere-orange.html" class="right"><img src="../images/templates/sphere.gif" alt="Sphere Orange" /></a><br /><br />
343                <a href="sphere-orange.html" class="more">Live-Beispiel anschauen..</a>
344            </li>
345		   <li>
346           	<p><strong>Radiance Pink</strong></p>
347 								<a href="radiance-pink.html" class="right"><img src="../images/templates/radiance.gif" alt="Radiance Pink" /></a><br /><br />
348                <a href="radiance-pink.html" class="more">Live-Beispiel anschauen..</a>
349            </li>
350		   <li>
351            	<p><strong>Syndicate Grey</strong></p>
352 								<a href="syndicate-grey.html" class="right"><img src="../images/templates/syndicate.gif" alt="Syndicate Grey" /></a><br /><br />
353                <a href="syndicate-grey.html" class="more">Live-Beispiel anschauen..</a>
354            </li>
355		   <li>
356            	<p><strong>Balance Blue</strong></p>
357 								<a href="balance-blue.html" class="right"><img src="../images/templates/balance.gif" alt="Balance Blue" /></a><br /><br />
358                <a href="balance-blue.html" class="more">Live-Beispiel anschauen..</a>
359            </li>
360		   <li>
361            	<p><strong>Inspire Brown</strong></p>
362 								<a href="inspire-brown.html" class="right"><img src="../images/templates/inspire.gif" alt="Inspire Brown" /></a><br /><br />
363                <a href="inspire-brown.html" class="more">Live-Beispiel anschauen..</a>
364            </li>
365		   <li>
366            	<p><strong>Push Tall (responsive menu)</strong></p>
367 								<a href="responsive.html" class="right"><img src="../images/templates/push_tall.gif" alt="Push Tall (responsive navigation menu)" /></a><br /><br />
368                <a href="responsive.html" class="more">Live-Beispiel anschauen..</a>
369            </li>
370		   <li>
371            	<p><strong>Crystalline Black</strong></p>
372 								<a href="crystalline-black.html" class="right"><img src="../images/templates/crystalline.gif" alt="Crystalline Black" /></a><br /><br />
373                <a href="crystalline-black.html" class="more">Live-Beispiel anschauen..</a>
374            </li>
375		   <li>
376            	<p><strong>Hybrid Red Vertical</strong></p>
377 								<a href="hybrid-red-vertical.html" class="right"><img src="../images/templates/hybrid.gif" alt="Hybrid Red Vertical" /></a><br /><br />
378                <a href="hybrid-red-vertical.html" class="more">Live-Beispiel anschauen..</a>
379            </li>
380		   <li>
381            	<p><strong>Paradox Amethyst</strong></p>
382 								<a href="paradox-amethyst.html" class="right"><img src="../images/templates/paradox.gif" alt="Paradox Amethyst" /></a><br /><br />
383                <a href="paradox-amethyst.html" class="more">Live-Beispiel anschauen..</a>
384            </li>			
385		   <li>
386            	<p><strong>Enterprise Yellow Green</strong></p>
387 								<a href="enterprise-green.html" class="right"><img src="../images/templates/enterprise.gif" alt="Enterprise Yellow Green" /></a><br /><br />
388                <a href="enterprise-green.html" class="more">Live-Beispiel anschauen..</a>
389            </li>	
390		   <li>
391            	<p><strong>Current Sky Blue - CSS3 Animation</strong></p>
392 								<a href="current-slide.html" class="right"><img src="../images/templates/current.gif" alt="Current Deep Sky Blue" /></a><br /><br />
393                <a href="current-slide.html" class="more">Live-Beispiel anschauen..</a>
394            </li>		
395		   <li>
396            	<p><strong>Core Suddle Brown - CSS3 Transition</strong></p>
397 								<a href="core-brown.html" class="right"><img src="../images/templates/core.gif" alt="Core Suddle Brown" /></a><br /><br />
398                <a href="core-brown.html" class="more">Live-Beispiel anschauen..</a>
399            </li>			
400		   <li>
401            	<p><strong>Fair Grey (RTL mode)</strong></p>
402 								<a href="fair-grey-rtl.html" class="right"><img src="../images/templates/fair.gif" alt="Fair Grey" /></a><br /><br />
403                <a href="fair-grey-rtl.html" class="more">Live-Beispiel anschauen..</a>
404            </li>	
405			<li>
406            	<p><strong>Charge Red Vertical</strong></p>
407 								<a href="charge-red-vertical.html" class="right"><img src="../images/templates/charge.gif" alt="Charge Red Vertical" /></a><br /><br />
408                <a href="charge-red-vertical.html" class="more">Live-Beispiel anschauen..</a>
409            </li>	
410			<li>
411            	<p><strong>Modern Dark</strong></p>
412 								<a href="modern-css3-menu-bar.html" class="right"><img src="../images/templates/modern.gif" alt="CSS3 Menu Bar Navigation" /></a><br /><br />
413                <a href="modern-css3-menu-bar.html" class="more">Live-Beispiel anschauen..</a>
414            </li>	
415        	<li>
416            	<p><strong>Toolbars Grey Example</strong></p>
417 								<a href="toolbars-css3-drop-menu.html" class="right"><img src="../images/templates/toolbars.gif" alt="CSS Menu Examples" /></a><br /><br />
418                <a href="toolbars-css3-drop-menu.html" class="more">Live-Beispiel anschauen..</a>
419            </li>				
420        	<li>
421            	<p><strong>Point Aquamarine</strong></p>
422 								<a href="point-css3-horizontal-menu.html" class="right"><img src="../images/templates/point.gif" alt="Point Aquamarine" /></a><br /><br />
423                <a href="point-css3-horizontal-menu.html" class="more">Live-Beispiel anschauen..</a>
424            </li>	            
425        	<li>
426            	<p><strong>CSS Gradient Grey</strong></p>
427 								<a href="gradient-css3-html-menu.html" class="right"><img src="../images/templates/gradient.gif" alt="CSS3 Gradient Generator" /></a><br /><br />
428                <a href="gradient-css3-html-menu.html" class="more">Live-Beispiel anschauen..</a>
429            </li>	
430            
431        	<li>
432            	<p><strong>Simple Blue</strong></p>
433 								<a href="simple-css3-pull-down-menu.html" class="right"><img src="../images/templates/simple.gif" alt="Simple Blue" /></a><br /><br />
434                <a href="simple-css3-pull-down-menu.html" class="more">Live-Beispiel anschauen..</a>
435            </li>	             
436            <li>
437            	<p><strong>Elegant Dark</strong></p>
438 								<a href="elegant-dark-menu.html" class="right"><img src="../images/templates/elegant-dark.gif" alt="Elegant Dark" /></a><br /><br />
439                <a href="elegant-dark-menu.html" class="more">Live-Beispiel anschauen..</a>
440            </li>	
441        	<li>
442            	<p><strong>CSS Mega Menu</strong></p>
443 								<a href="mega-menu.html" class="right"><img src="../images/thumbnail-mega-menu.png" alt="Mega Menu" /></a><br /><br />
444                <a href="mega-menu.html" class="more">Live-Beispiel anschauen..</a>
445            </li>	
446        	<li>
447            	<p><strong>Mulicolumn Blue Menu</strong></p>
448 								<a href="css3-multicolumn-blocks-blue.html" class="right"><img src="../images/thumbnail-multicol.png" alt="Mulicolumn Blue Menu" /></a><br /><br />
449                <a href="css3-multicolumn-blocks-blue.html" class="more">Live-Beispiel anschauen..</a>
450            </li>
451        	<li>
452            	<p><strong>Fresh Seaweeds Menu</strong></p>
453 								<a href="fresh-seaweeds-multilevel-menu.html" class="right"><img src="../images/templates/fresh-seaweeds.gif" alt="CSS3 Linear Gradient Menu" /></a><br /><br />
454                <a href="fresh-seaweeds-multilevel-menu.html" class="more">Live-Beispiel anschauen..</a>
455            </li>	
456        	<li>
457            	<p><strong>Neon Blue Menu</strong></p>
458 								<a href="neon-blue-menu.html" class="right"><img src="../images/templates/neon-blue.gif" alt="Neon Blue Menu" /></a><br /><br />
459                <a href="neon-blue-menu.html" class="more">Live-Beispiel anschauen..</a>
460            </li>	            	            		
461        	<li>
462            	<p><strong>Frame Dark Grey</strong></p>
463 								<a href="frame-dark-grey-css-menu.html" class="right"><img src="../images/templates/frame-dark-grey.gif" alt="Frame Dark Grey" /></a><br /><br />
464                <a href="frame-dark-grey-css-menu.html" class="more">Live-Beispiel anschauen..</a>
465            </li>	             		
466                                                        
467        </ul> 
468
469<!--
470	
471-->
472
473     	<h3>Weitere Vorlagen</h3>
474        
475         <ul class="lists">
476
477        	<li>
478            	<p><strong>Android Orange</strong></p>
479 								<a href="android-orange.html" class="right"><img src="../images/thumbnail-android-orange.png" alt="Android Orange" /></a><br /><br />
480                <a href="android-orange.html" class="more">Live-Beispiel anschauen demo..</a>
481            </li>  
482        	<li>
483            	<p><strong>Android Blue</strong></p>
484 								<a href="android-blue.html" class="right"><img src="../images/thumbnail-android-blue.png" alt="CSS3 Shadow Generator - Android Blue" /></a><br /><br />
485                <a href="android-blue.html" class="more">Live-Beispiel anschauen demo..</a>
486            </li> 
487        	<li>
488            	<p><strong>Android Green</strong></p>
489 								<a href="android-green.html" class="right"><img src="../images/thumbnail-android-green.png" alt="CSS3 Buttons" /></a><br /><br />
490                <a href="android-green.html" class="more">Live-Beispiel anschauen demo..</a>
491            </li>               
492        	<li>        		
493            	<p><strong>Mac - CSS3 Rounded Corners</strong></p>
494 								<a href="mac.html" class="right"><img src="../images/thumbnail-mac.png" alt="Mac" /></a><br /><br />
495                <a href="mac.html" class="more">Live-Beispiel anschauen demo..</a>
496            </li> 
497        	<li>
498            	<p><strong>Mac Green - CSS Border Radius</strong></p>
499 								<a href="mac-green.html" class="right"><img src="../images/thumbnail-mac-green.png" alt="Mac Green" /></a><br /><br />
500                <a href="mac-green.html" class="more">Live-Beispiel anschauen demo..</a>
501            </li>   			          
502        	<li>
503            	<p><strong>Apple</strong></p>
504 								<a href="apple.html" class="right"><img src="../images/thumbnail-apple.png" alt="Apple" /></a><br /><br />
505                <a href="apple.html" class="more">Live-Beispiel anschauen demo..</a>
506            </li>  
507        	<li>
508            	<p><strong>Apple Black</strong></p>
509 								<a href="apple-black.html" class="right"><img src="../images/thumbnail-apple-black.png" alt="Apple Black" /></a><br /><br />
510                <a href="apple-black.html" class="more">Live-Beispiel anschauen demo..</a>
511            </li>  
512        	<li>
513            	<p><strong>Apple Blue</strong></p>
514 								<a href="apple-blue.html" class="right" ><img src="../images/thumbnail-apple-blue.png" alt="CCS3 Shadow Apple Blue" /></a><br /><br />
515                <a href="apple-blue.html" class="more">Live-Beispiel anschauen demo..</a>
516            </li>                                                           
517        </ul> 
518
519
520    	<h3>Sehen Sie auch..</h3>
521		<ul id="rq" class="lists">
522 <!--        <li style="color: #727272"><a href="current-slide.html" title="CSS3 animation">CSS3 Animation Menu</a> - 
523		It is necessary to employ links on navigation menus with advanced features like <a href="current-slide.html" title="CSS3 animation">CSS3 animation</a>...			
524		</li>
525		
526        <li style="color: #727272"><a href="css3-text-shadow.html" title="CSS3 Text Shadow">CSS3 Text Shadow</a> - 
527		The <a href="css3-text-shadow.html" title="CSS3 Text Shadow">CSS3 text shadow</a> feature creates high-quality shadows with style.			
528		</li>		
529
530        <li style="color: #727272"><a href="css3-gradient.html" title="CSS3 Gradient">CSS3 Gradient</a> - 
531		Everything changed with the introduction of <a href="css3-gradient.html" title="CSS3 Gradient">CSS3 gradient</a> feature.		
532		</li>
533		
534        <li style="color: #727272"><a href="core-brown.html" title="CSS3 Transition Menu">CSS3 Transition Menu</a> - 
535		The best thing about creating <a href="core-brown.html" title="CSS3 Transition">CSS3 transition</a>  is that they will still work when accessed from an older browser.			
536		</li>		
537		
538        <li style="color: #727272"> <a href="css3-rounded-corners.html" title="CSS3 rounded corners">CSS3 Rounded Corners</a> - 
539Your website’s navigation menu will benefit greatly from adding <a href="css3-rounded-corners.html" title="CSS3 rounded corners">CSS3 rounded corners</a> to its buttons, sub-menus and sections.
540		</li>	-->	
541
542        <li>
543
544		<a href="mega-menu.html" title="CSS Mega Menu">Mega Drop Down Menu</a>,		
545		<a href="toolbars-css3-drop-menu.html" title="CSS Menu Example">CSS Menu Examples</a>,
546		<a href="android-green.html" title="css3 gradient buttons">CSS3 Buttons Generator</a>,	
547		<a href="modern-css3-menu-bar.html" title="CSS Navigation Bar">CSS3 Menu Bar</a>	,
548		<a href="crystalline-black.html" title="free web menu maker">Web Menu</a>,
549		<a href="hybrid-red-vertical.html" title="HTML drop down menu code">HTML Drop Down Menu</a>,	
550		<a href="paradox-amethyst.html" title="drop down menu using css">CSS Drop Down Menu</a>,	
551		<a href="enterprise-green.html" title="free download drop down menu">Free Drop Down Menu</a>
552
553		</li>		
554		
555		</ul>
556
557
558		<br /><br /><br />		
559		
560
561	
562
563     </div><!--end of rightPan-->
564     
565     <div class="botomwrap">
566     	<div class="botomLeft">
567      		&nbsp;	
568         </div>
569         
570         <div class="botomRight">
571
572         </div>
573     </div>
574
575 </div><!--end of content-wrapper-->
576</div><!--end of body-wrap-->    
577
578<div id="footer-wrap">
579    <div id="footer">
580    <!--copyright content here-->                
581         <p class="copyright">©2014 Copyright CSS3Menu.com. Alle Rechte vorbehalten. | <a href="../terms.html" rel="nofollow" style="color: #727272">Terms</a> | <a href="../privacy.html" rel="nofollow" style="color: #727272">Privacy</a> </p>        
582
583         <ul class="footNav">
584            <li><a href="http://www.visualslideshow.com" style="padding-left: 0px;">Visual Slideshow</a></li><li>|</li>
585            <li><a href="http://www.vista-buttons.com">Vista Buttons</a></li><li>|</li>
586            <li><a href="http://www.visuallightbox.com">Visual LightBox</a></li><li>|</li>
587            <li><a href="http://javascript-source.com">Javascript Obfuscator</a></li>
588         </ul><!--end of footer navigation-->
589         
590         <div class="footLogo"><img src="../images/foot-logo.png" alt=" " height="46" width="190"></div>
591         
592    </div><!--end of footer-content-->
593</div><!--end of footer-wrap-->
594
595</div><!--end of outer-wrapper-->
596
597<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"02407d5d12b441928b112d03fe651eaf","r":1,"spa":2}' crossorigin="anonymous"></script>
597
598</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.