Navigationsgrafik (Buttons) ändern möglich?

  • Hallo!

    Wo finden sich die Grafiken (Symbole) der Navigation eines Layouts? Wenn man diese austauschen möchte (z.B. den Navigationsbutton für mobile Sites) - wäre es machbar, diese per FTP zu ändern/auszutauschen?

    Wenn ja, ist es aber dann vielleicht so, dass der ZP bei einer Änderung an der Website und dem Hochladen der geänderten Website wieder auf den ursprünglichen Zustand zurück setzt, richtig? Gäbe es dann evtl. eine andere/bessere Möglichkeit, dies zu unterbinden bzw. Änderungen am Aussehen der Symbole/Buttons vorzunehmen?

    Danke vorab!

    Viele Grüße
    Jörg

  • Hello again, @Mario!

    Ich nutze die Version 12.5 (Express). Da ich mich noch in den ZP einarbeitet, teste ich gerade mit den Layouts, die responsive sind.

    Als Beispiel würde ich aber gerne das Layout mit dem Namen "Modern Responsive" nennen.

    In der Website-Ansicht auf dem PC haben die einzelnen Navigationsbuttons "abgerundete Ecken" sowie einen "Schatten" (siehe Datei "modern-responsive.png im Anhang).

    Diese Rundungen und "Schatten" würde ich gerne entfernt sehen und stattdessen in "eckige", einfarbige Buttons ändern wollen.

    Was die "Rundungen" betrifft, würde ich diese auch gerne in "eckige" ändern wollen, was den Hintergund angeht, der im Breadcrumb und bei der Auflistung der Unterseiten angeht.


    Hoffe, ich habe es nicht zu kompliziert ausgedrückt! :)


    Viele Grüße
    Jörg

  • Ok,
    du kannst über "Layout > Hauptmenü" die Schriftfarbe der Butten und die Button-Farbe des aktiven Links ändern.

    Die anderen Änderungen kannst du erreichen in dem du auf Einstellungen > CSS gehst und in dem Fenster folgendes eingibst:


    CSS
    <style>
    .navbar .nav > li > a {
    border-radius:0;
    background-color: #ff0000;
    }
    .navbar .nav > li > a:hover,
    .navbar .nav > li > a:focus {
    background-color: #660000;
    }
    </style>
    • "border-radius" entfernt die Rundung der Button
    • Das erste "background-color" ist der Farbwert der Button.
    • in dem 2. "background-color" kannst du einen Farbwert für einen HOVER (überfahren mit der Maus) angeben
  • Hi @Mario!

    Ich danke Dir nochmal vielmals für Deine Mühe und werde versuchen, das Morgen einmal umzusetzen, was Du mir empfohlen hast! :thumbup:

    Noch eine Frage: Wenn ich eine weitere Seite später der Website hinzufüge, werden dann diese Einstellungen automatisch übernommen?

    Wünsche Dir einen schönen Abend!


    Viele Grüße
    Jörg

  • Doch, Du hast es richtig verstanden, was ich meinte! :)

    Mit Deiner Antwort, dass die Einstellungen für alle Seiten (mit demselben Layout) übernommen werden, hast Du das sehr verständlich erklärt!

    Merci! :thumbup:

    Werde mich mal mehr mit dem Thema CSS auseinander setzen, wozu Du mir wirklich einen Anreiz gegeben hast!


    Viele Grüße
    Jörg

  • Hallo,

    (1) ist es möglich die Navigationsansicht der Unterverzeichnisse (links -siehe: Bild.jpg) beim Portfolio Responsive gegen Buttons zu tauschen,
    (2) bzw. wie die Navigation unter dem Header darzustellen,
    (3) oder in die obere Navigation mit einzubauen (man geht mit der Maus über ein Hauptverzeichnis und es klappt das gesamte Unterzeichnis mit auf)?

    Wenn es gehen sollte, bin ich für eine Anleitung dankbar, nutze Zeta Producer 12.5

    -siehe Bild-
    http://www.krippe-sonnenschein.de

    Gruß
    tutuop

  • Hallo "tutuop",

    nein, das ist bei diesem Layout nicht möglich.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!