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&guid=ON&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"> 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&layout=standard&show_faces=false&width=180&action=like&colorscheme=light&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 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 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 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 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 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.