Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- wiki_anleitung:menue:menu_1 [02/01/2021 13:16] – conny
+++ wiki_anleitung:menue:menu_1 [03/01/2021 10:51] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 1: / Zeile 1: @@
 ===== Version 1 =====
-{{ :wiki_anleitung:menue:header_menu.jpg?400 |}}
+{{ :wiki_anleitung:menue:header_menu.jpg?700 |}}
+Original: https://www.drweb.de/responsive-navigation-css-dropdown-menue/
+Responsive Dropdown Menü angepasst für DokuWiki.
-Ich habe alles in eine Datei geschrieben. Natürlich ist es sinnvoller CSS, JS und HTML zu trennen.
+Ich habe alles in eine Datei geschrieben. Natürlich ist es sinnvoller CSS, JS und HTML zu trennen.\\
+Die Datei header_menu.html in das Verzeichnis /conf kopieren.\\
+\\
+Bei dieser Version ist jQuery über CDN eingebunden. Da diese Server sich im Ausland befinden würde ich wegen DSGVO die Datei local einbinden.\\
-<code php download.php>
+<code php header_menu.html>
+<!-- mit CDN
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+-->
+<script src="lib/scripts/jquery/jquery.min.js"></script>
 <style>
@@ Zeile 256: / Zeile 265: @@
 </code>
+Es ist keine autom. Menüstruktur Erstellung. Ihr müsst die Menüpunkte mit der Hand anpassen.
+=== Jetzt noch in DokuWiki einbinden ===
+Die Datei /lib/tpl/dokuwiki/tpl_headler.html anpassen.\\
+Dazu am Ende der Datei - aber vor <!-- BREADRUMBS --> folgendes einfügen:\\
+<code php>
+<div class="pad group" style="z-index: 1000; clear:both; content: ''; position:relative; ">
+     <?php tpl_includeFile('header_menu.html') ?>
+<div>
+</code>