Thread Verfasser: bochi
Thread ID: 1806
Thread Info
Es gibt 6 Beiträge zu diesem Thema, und es wurde 762 Mal angesehen.
 Thema drucken
Navigationsbar mit dropdown
bochi
Hi, ist es möglich, irgendwie ein Dropdown in die Navi einzubauen ähnlich wie auf dieser Seite hier?

Bin leider kein Experte und kann auch nur wenn vorhandenes bearbeiten

meine HP

fifazockers.de

Danke für Feedback

Gruß Bochi
 
Krelli
Mit der Standardversion von PHP-Fusion 7/8 geht das nicht so einfach. In der Administration -> System -> Seitenlinks werden keine Untermenüs unterstützt, demzufolge auch nicht bei der generierten Ausgabe auf der Seite.
Entweder muss da ein größerer Umbau gemacht werden (Administration und Ausgabe der Seite), um Untermenüs zu unterstützen, oder du baust die Navigation von Hand in dein Theme ein.

Du kannst also leider nicht wie gewünscht auf bereits "vorhandenes" zurückgreifen.
Das modifizierte PHP-Fusion von Harlekin hat eine Klappnavigation mit Untermenüs, vielleicht kannst du dir das mal anschauen. Dann gibt es Themes wie "RockIt" von Layzee, wo das Menü manuell eingebaut ist und per Editieren auf eigene Bedürfnisse angepasst werden kann.
Ansonsten bleibt dir noch die Möglichkeit, auf PHP-Fusion 9.x zu updaten. Da sind Submenüs in mehreren Ebenen mit an Bord.
 
bochi
<!--Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark primary-color">
  <a class="navbar-brand" href="#">Dieser Text soll weiter rechts stehen</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-333"
    aria-controls="navbarSupportedContent-333" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent-333">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home
          <span class="sr-only">(current)</span>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-333" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false">Dropdown
        </a>
        <div class="dropdown-menu dropdown-default" aria-labelledby="navbarDropdownMenuLink-333">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
    </ul>
    <ul class="navbar-nav ml-auto nav-flex-icons">
      <li class="nav-item">
        <a class="nav-link waves-effect waves-light">
          <i class="fab fa-twitter"></i>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link waves-effect waves-light">
          <i class="fab fa-google-plus-g"></i>
        </a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-333" data-toggle="dropdown"
          aria-haspopup="true" aria-expanded="false">
          <i class="fas fa-user"></i>
        </a>
        <div class="dropdown-menu dropdown-menu-right dropdown-default"
          aria-labelledby="navbarDropdownMenuLink-333">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
    </ul>
  </div>
</nav>
<!--/.Navbar -->



Wo kann ich dort den linken Text " der Text soll weiter rechts stehen" einstellen? Oben in der Navigation!

https://test.web66403.greatnet-hostin.../index.php

Danke für Feedback
 
MaZzIMo24
Mit padding-left
 <a class="navbar-brand" href="#" style="padding-left: 35px;">Dieser Text soll weiter rechts stehen</a>

oder margin-left
 <a class="navbar-brand" href="#" style="margin-left: 35px;">Dieser Text soll weiter rechts stehen</a>


kannst du sowas umsetzen, natürlich gibt es auch andere Varianten.
Bei beidem wäre nun eine Verschiebung um 35px möglich.

Ohne ein Beispiel kann ich aber nicht entscheiden was in deinem Fall am besten wäre.
Bearbeitet von MaZzIMo24 am 18.01.2022 um 07:28
Projects: MZ.CMS | MZ.Fusion | Bot.API
Programmierkenntnisse: PHP, Html(5), CSS / SCSS, jQuery, Javascript, Sql, RegExp
 
bochi
Danke, hat geklappt!

Ich hab jetzt noch eine letzte Frage, ich habe in meiner Themes die styles.css einen Hintergrund hinzugefügt, der jetzt meine Buttons vom Userpanel ausblendet, also den Brief von Privaten Nachrichten zb usw sind in dem Panel nicht mehr zu sehen.

Ich vermute er überschreibt irgendwie dieses Panel.

https://test.web66403.greatnet-hosting.de/index.php

so stehts im Css wie oben geschrieben drin:

body {color:#FFFFFF;    background-image: url(/themes/FiZDesign/images/hintergrund3.jpg);
    background-repeat: no-repeat;
    background-size: cover;

Bearbeitet von bochi am 16.01.2022 um 15:40
 
MaZzIMo24
Laut Entwicklerkonsole ist das die Regel:
body {
    color: #FFFFFF;
    background-image: url(/themes/FiZDesign/images/hintergrund4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
}


Dann zu deinem Problem, das HTML <body> Element hat nichts mit dem Userpanel zutun, ich tippe mal eher dass du eventuelle Grafiken die damit in Verbindung standen gelöscht hast.

Edit: ->
Ich habe mir die Style Css mal genauer angeschaut, mir ist aufgefallen dass dein body { ... } ziemlich weit unten steht.
Richtig ist das nicht, eine Css Datei sollte geordnet Programmiert sein um konflikte zu vermeiden.

* { ... }
html { ... }
body { ... }


Diese Regeln sollten immer als erstes geschrieben werden, alle anderen Definitionen folgen.
Um dein Button/Grafik Problem zu erforschen solltest du mal die Entwicklerkonsole öffnen.
Tipp: Auf dem Button (wo die Grafik fehlt) Rechtsklick ausführen und auf untersuchen gehen.
Nun den Quellcode von deinem Button prüfen:
Wird das Bild durch Css zugewiesen oder über ein <img> Element?
Diese frage solltest du dir durch Grundwissen dort schnell beantworten können.
Bearbeitet von MaZzIMo24 am 18.01.2022 um 07:47
Projects: MZ.CMS | MZ.Fusion | Bot.API
Programmierkenntnisse: PHP, Html(5), CSS / SCSS, jQuery, Javascript, Sql, RegExp
 
Springe ins Forum: