Hallo Daishi, da hast Du mal wieder etwas gezaubert, einfach klasse und besten Dank!
Was habe ich geändert?
Ich habe die Classes vorsichtshalber mit ".side_" erweitert.
Da sich das Seitenmenü über den gesamten "Body-Bereich" erstreckt und man das Template nicht verändern will, funktioniert das nur übers Einfügen (append)!
Habe die Menüpunkte verlinkt.
Die Überschrift nach links versetzt und den Text etwas angepasst.
Die Menüauswahl hat jetzt durchweg eine gleiche Struktur.
Das Seitenmenü ist fixiert, damit es immer erreichbar ist, egal wo man auf der Seite hin scrollt!
Die Überschrift ist animiert!
Wird als Plugin in "Untere Leiste - Header" angelegt!
Zeile 9 stellt den Abstand des Forums zum linken Rand ein. Die Zeile ist notwendig, damit das Seitenmenü Platz hat!
Ich bin dabei ein neues Seitenmenü zu entwerfen, da ich noch Vorschläge bekommen habe.
Zitat:
Zitat von RiverHallo Enricos,
Prinzipiell finde ich dein Forum gut aufgebaut, hätte aber noch Vorschläge:
1. In der 'Willkommen'-Box im Portal überlappt das kleine Bild mit deinem Porträt den Text. Das solltest du noch besser ausrichten. Und 'Willkommen' groß schreiben. 2. Wenn man ganz oben auf dem Portal ist und links das Seitenmenü anhovert, ist der Inhalt schlecht lesbar, weil der Hintergrund transparent angelegt ist. Der Hintergrund muss so angelegt werden, dass nur das Seitenmenü gut lesbar ist - auch wenn dann das darunter liegenden Inhalte von der Portalseite verdeckt sind. Die braucht man in dem Moment ja nicht. Das Öffnen und Schließen funktioniert aber super. 3. Es ist irgendwie nicht logisch, dass das komplette Seitenmenü aufgeht, auch wenn man nur auf einzelne Icons dort anfährt. Schöner wäre es, wenn das Seitenmenü aufgeteilt würde, so dass nur der Teil des Seitenmenüs sich öffnet, den man anhovert.
Ich wünsche dir viel Erfolg mit Forum und Geschäft.
Viele Grüße River
Jetzt habe ich mich nochmal hingesetzt und versuche ein neues Seitenmenü zu machen, soweit so gut. Jetzt zur komplizierten Frage, da ich das Seitenmenü universell einsetzen möchte, dass jeder davon etwas hat, war die Idee so.
Hoffe das der Klammer - Code richtig ist. Wenn ich das richtig verstehe, kommt mit dem Code jeder Benutzer der registriert ist auf sein Profil. Oder habe ich das jetzt falsch verstanden. Und ich interpretiere das falsch.
Es war eine weitere Inspiration und Idee, hoffe, dass das gut ankommt, ich gebe mir wirklich sehr viel Mühe. Wie schon öfters gesagt habe ich Probleme die Scripts im Xobor lauffähig zu machen.
Hier mal der Link zu meiner Arbeit, möchte mich vorerst mal entschuldigen, dass ich den Code nicht posten kann, da ständig Änderungen am Script sind, da ich daran noch arbeite.
<ul class="sub-menu blank"> <li><a class="link_name" href="#">Category</a></li> </ul> </li> <li> <div class="icon-link"> <a href="./" title="Hier Klicken dann kommen sie zum Portal! "> <i class='bx bx-home'></i> <span class="link_name">Portal</span> </a> <i class='bx bxs-chevron-down arrow'></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.servicecrewloreth.de/forum.php" title="Hier kommen sie zur Forum Übersicht! ">Forum Übersicht</a></li> <li><a href="https://www.servicecrewloreth.de/calendar.php" title="Hier kommen sie zum Kalender! ">Kalender</a></li> <li><a href="https://www.servicecrewloreth.de/gallery.php" title="Hier kommen sie zur Bildergalerie! ">Bildergalerie</a></li> <li><a href="https://www.servicecrewloreth.de/page-906480-19.html" title="Hier kommen sie zur meiner digitalen Reise! ">Meine digitale Reise</a></li> </ul> </li> <li> <div class="icon-link"> <a href="https://www.servicecrewloreth.de/faq.php"> <i class='bx bx-help-circle'></i> <span class="link_name">Hilfe</span> </a> <i class='bx bxs-chevron-down arrow'></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.servicecrewloreth.de/faq.php">Hilfe</a></li> <li><a href="#" title="Hier kommen sie zur Registrierung! ">Registrieren</a></li> <li><a href="https://www.servicecrewloreth.de/login.php" title="Hier kommen sie zum Login, hier loggen sie sich ein - Login! ">Login</a></li> <li><a href="./login.php?option=logout" title="Hier loggen sie sich aus - Logout! ">Logout</a></li> </ul> </li> <li> <div class="icon-link"> <a href="./userlist.php" title="Hier kommen sie zur Mitgliederliste! "> <i class='bx bxs-user-account'></i> <span class="link_name">Mitgliederliste</span> </a> <i class='bx bxs-chevron-down arrow'></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="./userlist.php">Mitgliederliste</a></li> <li><a href="./useronline.php" title="Hier kommen sie zu wer ist Online?! ">Wer ist Online?</a></li> <li><a href="javascript:void(0)" onclick="$('#global-news-box-wrap').hide(); window.location.href='./member-data.php'; return false;"> Profil bearbeiten</a></li> </ul> </li>
<li> <a href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen sie zur Webseite von Hausmeister Service Service Crew Loreth! "> <i class='bx bx-world'></i> <span class="link_name">Webseite</span> </a> <ul class="sub-menu blank"> <li><a class="link_name" href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen sie zur Webseite von Hausmeister Service Service Crew Loreth! ">Webseite</a></li> <li><a class="link_name" href="https://www.servicecrewloreth.de/page-906480-11.html" target="_blank" title=" Hier kommen sie zum Kontakt von Hausmeister Service Service Crew Loreth! ">Kontakt</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen sie zum Plugin-Store Von Xobor! "> <i class='bx bx-plug'></i> <span class="link_name">Plugins</span> </a> <i class='bx bxs-chevron-down arrow'></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen sie zum Plugin-Store Von Xobor! ">Plugins</a></li> <li><a href="https://www.hpm-support.de/" target="_blank" title="Hier kommen sie zum Xobor Suport - Forum! ">Xobor Support</a></li> <li><a href="https://www.hpm-support.de/portal.html" target="_blank" title="Hier kommen sie zum Xobor Support-Portal! ">Xobor Support-Portal</a></li> <li><a href="https://www.hpm-support.de/wiki:home" target="_blank" title="Hier kommen sie zum Xobor Wiki! ">Xobor Wiki</a></li> <li><a href="https://www.hpm-support.de/blog.html" target="_blank" title="Hier kommen sie zum Xobor Blog! ">Xobor Blog </a></li> </ul> </li> <li> <a href="{{link_myprofile}}"> <img class="side_nav_link-img" src="https://files.homepagemodules.de/b906480/avatar-75e6190c-1.jpg" alt="" width="40" height="40">
Guten Morgen, ihr Lieben, das hat mir keine Ruhe gelassen. Hatte noch Fehler im Seitenmenü eingebaut. Das Menü war immer offen und nicht geschlossen, hatte es nochmal neu überarbeitet, war jetzt die ganze Nacht dran, bis jetzt.
Man kann auch die Symbole, mit der Maus überfahren, es öffnet nicht das Seitenmenü. Es springt ein kleines Fenster mit auf und zeigt weitere Links an, ist auch mit Tooltipps ausgerüstet, und anklickbar.
Ich habe vor das Seitenmenü das Menü neu eingebaut, also die 3 Striche. Wenn man jetzt da draufklickt, öffnet sich das Seitenmenü.
Es war ein Vorschlag von River, ich ließ mir etwas einfallen und machte mich an die Arbeit.
Leider bin ich für die Scripte, die ich mache, auf Hilfe angewiesen, da ich sie nicht für das Xobor - Forum umsetzen kann.
Ich entschuldige mich sehr, für Rechtschreibfehler. Mir fallen schon die Augen zu, hier nochmal zu meiner neuen überarbeitetem Script Seitenmenü.
<li> <div class="icon-link"> <a href="./" title="Hier klicken, dann kommen Sie zum Portal! "> <i class="bx bx-home"></i> <span class="link_name">Portal</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.servicecrewloreth.de/forum.php" title="Hier kommen Sie zur Forum Übersicht! ">Forum Übersicht</a></li> <li><a href="https://www.servicecrewloreth.de/calendar.php" title="Hier kommen Sie zum Kalender! ">Kalender</a></li> <li><a href="https://www.servicecrewloreth.de/gallery.php" title="Hier kommen Sie zur Bildergalerie! ">Bildergalerie</a></li> <li><a href="https://www.servicecrewloreth.de/page-906480-19.html" title="Hier kommen Sie zu meiner digitalen Reise! ">Meine digitale Reise</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://www.servicecrewloreth.de/faq.php"> <i class="bx bx-help-circle"></i> <span class="link_name">Hilfe</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.servicecrewloreth.de/faq.php">Hilfe</a></li> <li><a href="#" title="Hier kommen Sie zur Registrierung! ">Registrieren</a></li> <li><a href="https://www.servicecrewloreth.de/login.php" title="Hier Loggen Sie sich ein - Login! ">Login</a></li> <li><a href="./login.php?option=logout" title="Hier Loggen Sie sich aus - Logout! ">Logout</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="./userlist.php" title="Hier kommen Sie zur Mitgliederliste! "> <i class="bx bxs-user-account"></i> <span class="link_name">Mitgliederliste</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="./userlist.php">Mitgliederliste</a></li> <li><a href="./useronline.php" title="Hier kommen Sie zu wer ist Online? ">Wer ist Online?</a></li> <li><a href="javascript:void(0)" onclick="$('#global-news-box-wrap').hide(); window.location.href='./member-data.php'; return false;"> Profil bearbeiten</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen Sie zum Plugin-Store von Xobor! "> <i class="bx bx-plug"></i> <span class="link_name">Plugins</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen Sie zum Plugin-Store von Xobor!">Plugins</a></li> <li><a href="https://www.hpm-support.de/" target="_blank" title="Hier kommen Sie zum Xobor Suport - Forum! ">Xobor Support</a></li> <li><a href="https://www.hpm-support.de/portal.html" target="_blank" title="Hier kommen Sie zum Xobor Support-Portal!">Xobor Support-Portal</a></li> <li><a href="https://www.hpm-support.de/wiki:home" target="_blank" title="Hier kommen Sie zum Xobor Wiki! ">Xobor Wiki</a></li> <li><a href="https://www.hpm-support.de/blog.html" target="_blank" title="Hier kommen Sie zum Xobor Blog! ">Xobor Blog </a></li> </ul> </li>
<li> <a href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen Sie zur Webseite von Hausmeister Service Service Crew Loreth! "> <i class="bx bx-world"></i> <span class="link_name">Webseite</span> </a> <ul class="sub-menu blank"> <li><a class="link_name" href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen Sie zur Webseite von Hausmeister Service Service Crew Loreth!">Webseite</a></li> <li><a class="link_name" href="https://www.servicecrewloreth.de/page-906480-11.html" target="_blank" title=" Hier kommen Sie zum Kontakt von Hausmeister Service Service Crew Loreth!">Kontakt</a></li> </ul> </li>
let arrow = document.querySelectorAll(".arrow"); for (var i = 0; i < arrow.length; i++) { arrow[i].addEventListener("click", (e)=>{ let arrowParent = e.target.parentElement.parentElement; //Auswahl des übergeordneten Elements des Pfeils arrowParent.classList.toggle("showMenu"); }); }
let sidebar = document.querySelector(".sidebar"); let sidebarBtn = document.querySelector(".bx-menu"); console.log(sidebarBtn); sidebarBtn.addEventListener("click", ()=>{ sidebar.classList.toggle("close"); });
Ich hoffe, dass es jetzt übersichtlicher ist, und erkennbar.
War jetzt die ganze Nacht daran, bis jetzt. Ich hoffe das die Idee gut ankommt, ich habe mir echt sehr viel Mühe gegeben, ich hoffe, dass es wirklich gut ankommt.
Wer noch Ideen hat, kann dies gerne sagen, bin dafür offen.
Hallo Wolfgang, habe es irgendwie geschafft das neue Seitenmenü ins Forum zu bekommen.
So in der Forenübersicht funktioniert sie. Aber sobald ich in Themen hineingehe, hängt Anjas Profil neben, das Seitenmenü, ist wie verankert. Und die Texte blenden sich aus, sobald ich auf das Menü klicke.
So wie ich sehe, habe ich wieder Classes verwendet, die die Xobor Software verwendet. Das wusste ich nicht.
Wie hast du das gemacht, dass das Menü auch im Portal angezeigt wird, ich bekomme das nicht hin.
Ich mache später ein Video, kann das jetzt nicht machen, habe Trubel hinter mir, haben Besuch.
<!-- Box-Symbol CSS --> <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'> <!-- Ende -->
<div class="sidebar close"> <div class="logo-details"> <i class='bx bx-menu' title="Hier können sie draufklicken, dann öffnet sich das Seitenmenü. Zum Schließen nochmal draufklicken! "></i> <span class="logo_name">Menu</span> </div> <ul class="nav-links">
<li> <div class="icon-link"> <a href="./" title="Hier kommen sie zum Portal! "> <i class="bx bx-home"></i> <span class="link_name">Portal</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="./" title="Hier kommen sie zum Portal! ">Portal</a></li> <li><a class="link_name" href="https://www.servicecrewloreth.de/forum.php" title="Hier kommen sie zur Forum Übersicht! ">Forum Übersicht</a></li> <li><a href="https://www.servicecrewloreth.de/calendar.php" title="Hier kommen sie zum Kalender! "><i class='bx bx-calendar'></i>Kalender</a></li> <li><a href="https://www.servicecrewloreth.de/gallery.php" title="Hier kommen sie zur Bildergalerie! "><i class='bx bx-photo-album'></i>Bildergalerie</a></li> <li><a href="https://www.servicecrewloreth.de/page-906480-19.html" title="Hier kommen sie zu meiner digitalen Reise! ">Meine digitale Reise</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://www.servicecrewloreth.de/faq.php"> <i class="bx bx-help-circle"></i> <span class="link_name">Hilfe</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.servicecrewloreth.de/faq.php">Hilfe</a></li> <li><a href="#" title="Hier kommen sie zur Registrierung! "><i class='bx bx-key'></i>Registrieren</a></li> <li><a href="https://www.servicecrewloreth.de/login.php" title="Hier Loggen sie sich ein - Login! "><i class='bx bx-log-in'></i>Login</a></li> <a href="./login.php?option=logout" title="Hier Loggen sie sich aus - Logout! "><i class='bx bx-log-out'></i>Logout</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="./userlist.php" title="Hier kommen sie zur Mitgliederliste! "> <i class="bx bxs-user-account"></i> <span class="link_name">Mitgliederliste</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="./userlist.php">Mitgliederliste</a></li> <li><a href="./useronline.php" title="Hier kommen sie zu wer ist Online?! ">Wer ist Online?</a></li> <li><a href="javascript:void(0)" onclick="$('#global-news-box-wrap').hide(); window.location.href='./member-data.php'; return false;"> Profil bearbeiten</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen sie zum Plugin-Store von Xobor! "> <i class="bx bx-plug"></i> <span class="link_name">Plugins</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen sie zum Plugin-Store Von Xobor!"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Plugins <span class="nav__count" title="Xobor Hat im moment 96 Plugins zur Verfügung!">96</span></a></li>
<li><a href="https://www.hpm-support.de/" target="_blank" title="Hier kommen sie zum Xobor Suport - Forum! "><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Support</a></li> <li><a href="https://www.hpm-support.de/portal.html" target="_blank" title="Hier kommen sie zum Xobor Support-Portal!"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Support-Portal</a></li> <li><a href="https://www.hpm-support.de/wiki:home" target="_blank" title="Hier kommen sie zum Xobor Wiki! "><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Wiki</a></li> <li><a href="https://www.hpm-support.de/blog.html" target="_blank" title="Hier kommen sie zum Xobor Blog! "><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Blog </a></li> </ul> </li>
<li> <a href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen sie zur Webseite von Hausmeister Service Service Crew Loreth! "> <i class="bx bx-world"></i> <span class="link_name">Webseite</span> </a> <ul class="sub-menu blank"> <li><a class="link_name" href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen sie zur Webseite von Hausmeister Service Service Crew Loreth!">Webseite</a></li> <li><a class="link_name" href="https://www.servicecrewloreth.de/page-906480-11.html" target="_blank" title=" Hier kommen sie zum Kontakt von Hausmeister Service Service Crew Loreth!">Kontakt</a></li> </ul> </li>
let arrow = document.querySelectorAll(".arrow"); for (var i = 0; i < arrow.length; i++) { arrow[i].addEventListener("click", (e)=>{ let arrowParent = e.target.parentElement.parentElement;//Auswahl des übergeordneten Elements des Pfeils arrowParent.classList.toggle("showMenu"); }); }
let sidebar = document.querySelector(".sidebar"); let sidebarBtn = document.querySelector(".bx-menu"); console.log(sidebarBtn); sidebarBtn.addEventListener("click", ()=>{ sidebar.classList.toggle("close"); });
Wie gesagt mache später, wenn es ruhig ist, ein Video wie es ausschaut, dass man das sieht. Denke mit der Erklärung weißt du nicht genau, was ich meine.
Hallo Wolfgang habe mich sehr angestrengt und habe noch einige Fehler selbst gefunden, und habe mich bemüht, und bin mal deiner Idee gefolgt mit dem Umschreiben in Beitrag #2 mit ".side_"
Diese ging, die Texte schoben sich trotzdem beim Menü klicken ein und aus. Auch hier habe ich den Fehler gefunden. Ich habe den Code entfernt, der verursachte den Fehler.
<!-- Box-Symbol CSS --> <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'> <!-- Ende -->
<div class="side_page close"> <div class="logo-details"><i class='bx bx-menu' title="Hier können sie draufklicken, dann öffnet sich das Seitenmenü. Zum Schließen nochmal draufklicken! "></i> <span class="logo_name">Menu</span> </div> <ul class="nav-links">
<li> <div class="icon-link"> <a href="./" title="Hier kommen sie zum Portal! "> <i class="bx bx-home"></i> <span class="link_name">Portal</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="./" title="Hier kommen sie zum Portal! ">Portal</a></li>
<li><a class="link_name" href="https://www.servicecrewloreth.de/forum.php" title="Hier kommen sie zur Forum Übersicht! ">Forum Übersicht</a></li> <li><a href="https://www.servicecrewloreth.de/calendar.php" title="Hier kommen sie zum Kalender! "><i class='bx bx-calendar'></i>Kalender</a></li> <li><a href="https://www.servicecrewloreth.de/gallery.php" title="Hier kommen sie zur Bildergalerie! "><i class='bx bx-photo-album'></i>Bildergalerie</a></li> <li><a href="https://www.servicecrewloreth.de/page-906480-19.html" title="Hier kommen sie zu meiner digitale Reise! ">Meine digitale Reise</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://www.servicecrewloreth.de/faq.php"> <i class="bx bx-help-circle"></i> <span class="link_name">Hilfe</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.servicecrewloreth.de/faq.php">Hilfe</a></li> <li><a href="#" title="Hier kommen sie zur Registrierung! "><i class='bx bx-key'></i>Registrieren</a></li> <li><a href="https://www.servicecrewloreth.de/login.php" title="Hier Loggen sie sich ein - Login! "><i class='bx bx-log-in'></i>Login</a></li> <a href="./login.php?option=logout" title="Hier Loggen sie sich aus - Logout! "><i class='bx bx-log-out'></i>Logout</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="./userlist.php" title="Hier kommen sie zur Mitgliederliste! "> <i class="bx bxs-user-account"></i> <span class="link_name">Mitgliederliste</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="./userlist.php">Mitgliederliste</a></li> <li><a href="./useronline.php" title="Hier kommen sie zu wer ist Online?! ">Wer ist Online?</a></li> <li><a href="javascript:void(0)" onclick="$('#global-news-box-wrap').hide(); window.location.href='./member-data.php'; return false;"> Profil bearbeiten</a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen sie zum Plugin-Store von Xobor! "> <i class="bx bx-plug"></i> <span class="link_name">Plugins</span> </a> <i class="bx bxs-chevron-down arrow"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier kommen sie zum Plugin-Store Von Xobor!"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Plugins <span class="nav__count" title="Xobor Hat im moment 96 Plugins zur Verfügung!">96</span></a></li>
<li><a href="https://www.hpm-support.de/" target="_blank" title="Hier kommen sie zum Xobor Suport - Forum! "><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Support</a></li> <li><a href="https://www.hpm-support.de/portal.html" target="_blank" title="Hier kommen sie zum Xobor Support-Portal!"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Support-Portal</a></li> <li><a href="https://www.hpm-support.de/wiki:home" target="_blank" title="Hier kommen sie zum Xobor Wiki! "><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Wiki</a></li> <li><a href="https://www.hpm-support.de/blog.html" target="_blank" title="Hier kommen sie zum Xobor Blog! "><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Blog </a></li> </ul> </li>
<li> <a href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen sie zur Webseite von Hausmeister Service Service Crew Loreth! "> <i class="bx bx-world"></i> <span class="link_name">Webseite</span> </a> <ul class="sub-menu blank"> <li><a class="link_name" href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen sie zur Webseite von Hausmeister Service Service Crew Loreth!">Webseite</a></li> <li><a class="link_name" href="https://www.servicecrewloreth.de/page-906480-11.html" target="_blank" title=" Hier kommen sie zum Kontakt von Hausmeister Service Service Crew Loreth!">Kontakt</a></li> </ul> </li>
let arrow = document.querySelectorAll(".arrow"); for (var i = 0; i < arrow.length; i++) { arrow[i].addEventListener("click", (e)=>{ let arrowParent = e.target.parentElement.parentElement;//Auswahl des übergeordneten Elements des Pfeils arrowParent.classList.toggle("showMenu"); }); }
let sidebar = document.querySelector(".side_page"); let sidebarBtn = document.querySelector(".bx-menu"); console.log(sidebarBtn); sidebarBtn.addEventListener("click", ()=>{ sidebar.classList.toggle("close"); });
<li> <div class="icon-link"> <a href="https://www.xobor.de/plugin-store.html" target="_blank" title="Hier geht es zu den Plugins"> <i class="bx bx-plug"></i> <span class="link_name">Plugins</span> </a> <i class="bx bxs-chevron-down arrow" title="Menü öffnen"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://www.xobor.de/plugin-store.html" target="_blank"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Plugins <span class="nav__count" title="Xobor Hat im moment 96 Plugins zur Verfügung!">96</span></a></li> <li><a href="https://www.hpm-support.de/" target="_blank"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Support</a></li> <li><a href="https://www.hpm-support.de/portal.html" target="_blank"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Support-Portal</a></li> <li><a href="https://www.hpm-support.de/wiki:home" target="_blank"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Wiki</a></li> <li><a href="https://www.hpm-support.de/blog.html" target="_blank"><img src="https://files.homepagemodules.de/b906480/a_251_3e7e5f9e.png" alt="" width="15" height="15"> Xobor Blog </a></li> </ul> </li>
<li> <div class="icon-link"> <a href="https://sites.google.com/view/servicecrewloreth" target="_blank" title="Hier geht es zur Webseite von Hausmeister Service Service Crew Loreth"> <i class="bx bx-world"></i> <span class="link_name">Webseite</span> </a> <i class="bx bxs-chevron-down arrow" title="Menü öffnen"></i> </div> <ul class="sub-menu"> <li><a class="link_name" href="https://sites.google.com/view/servicecrewloreth" target="_blank" title=" Hier kommen sie zur Webseite von Hausmeister Service Service Crew Loreth!">Webseite</a></li> <li><a href="https://www.servicecrewloreth.de/page-906480-11.html" target="_blank" title=" Hier kommen sie zum Kontakt von Hausmeister Service Service Crew Loreth!"><i class="bx bx-news"></i>Kontakt</a></li> </ul> </li>
<script> let arrow = document.querySelectorAll(".arrow"); for (var i = 0; i < arrow.length; i++) { arrow[i].addEventListener("click", (e)=>{ let arrowParent = e.target.parentElement.parentElement;//Auswahl des übergeordneten Elements des Pfeils arrowParent.classList.toggle("showMenu"); }); }
let sidebar = document.querySelector(".side_page"); let sidebarBtn = document.querySelector(".bx-menu"); console.log(sidebarBtn); sidebarBtn.addEventListener("click", ()=>{ sidebar.classList.toggle("close"); }); </script>