Name im Hauptmenü hervorheben

  • Hallo zusammen.

    Seit der Umstellung auf ZP16 stehe ich vor der folgenden Herausforderung.

    Bislang (ZP15) konnte ich im Hauptmenü den Namen eines entsprechenden Menü Punktes Farblich hervorheben.

    Seit der Umstellung auf ZP16 funktioniert das zwar immer noch, doch nun erscheint der Menüpunkt auf der entsprechenden Seite zusätzlich auch noch am oberen linken Seitenrand als einfacher Text (siehe Bild).

    Beim Ausprobieren stellte ich fest, dass dies nur passiert sobald ich beim entsprechenden Menüpunkt im Text den Tag "<span" einfüge (Anhang 2).

    Leider komme ich ohne Hilfe nicht weiter, da ich nur Anwender bin.

    Zum Voraus schon mal meinen herzlichen Dank für eure Unterstützung.

    Bilder

    Mit freundlichem Gruss

    Roland Lehmann

    ____________________________________________________

    Zeta Producer (Express & Business)

    Version: 16.8.4

    Layout: Clean Style Responsive / Flat Responsive


  • Für "nur Anwender" ist es einfacher, wenn der HTML-Code über das Programm "erzeugt" wird.

    Hierzu an beliebiger Stelle einen Artikel mit dem Widget "Text" anlegen, dann im Inhaltsbereich das gewünschte Wort schreiben und mit den Möglichkeiten des Editors konfigurieren (fett, kursiv, Farbe, sogar Symbole). Zum Schluss mit der Schaltfläche </> auf HTML-Quelltext umschalten und den gesamten Inhalt kopieren und in den Seitentitel einfügen.

    Wenn alles so aussieht wie gewünscht, kann der Artikel "Text" wieder gelöscht werden.

  • Hallo Thomas

    Danke für deinen Rückmeldung. :thumbup:

    Leider löst dieser weg das Problem auch nicht.

    Seit der Umstellung auf die Version 16 von ZP erscheint der Text beim Einsatz eines "<span" Tag, zusätzlich "und unformatiert" am Linken oberen Seitenrand.

    Da es scheinbar nicht möglich ist ohne "<span" tag ein text-style oder eine text-Farbe zu nutzen habe ich folgenden Lösungsweg gefunden.

    Ich formatiere mir eine Überschrift z.B. <H3> mit den entsprechenden Schriftparameter "Familie, Grösse und Farbe", danach kann ich die fehlenden Parameter Kursiv <em> und unterstreichen welche sich nicht in der Überschrift definieren lassen ohne den "<span" Tag eintragen. <h3><em><u>Aktuell</u></em></h3>

    Ich verstehe es zwar nicht wirklich, aber es funktioniert.

    Leider bleiben mir so nur noch <H1> und <H2> für Webseite.


    Mit freundlichem Gruss

    Roland Lehmann

    ____________________________________________________

    Zeta Producer (Express & Business)

    Version: 16.8.4

    Layout: Clean Style Responsive / Flat Responsive


  • Ich habe das gerade mal getestet, sobald man ein style="" oder class="" nutzt tritt das auf obwohl der Code richtig im Quelltext ausgegeben wird.

    Als Fehler kann man das aber sicher nicht sehen da dieses ja eigentlich nicht so angedacht ist.

    Da Zeta Producer aber nur die Überschriften H1 bis H4 nutzt kannst du auch die H5 missbrauchen.

    Einstellungen > CSS:

    CSS
    <style>
    h5 {
      color:red;
      font-weight:bold;
    }
    </style>

    Und als Seitenname dann: <h5>Aktuell</h5>

  • Danke Mario für deinen Input. :thumbup:

    Ich werde es bei der nächsten Gelegenheit probieren.

    Mit freundlichem Gruss

    Roland Lehmann

    ____________________________________________________

    Zeta Producer (Express & Business)

    Version: 16.8.4

    Layout: Clean Style Responsive / Flat Responsive


  • Am besten entfernen Sie sämtlichen HTML-Quellcode aus dem Seitennamen und lösen das rein über CSS.

    Da die einzelnen Menüeinträge keine eindeutigen Klassennamen haben, können wir diese leider nicht zur Ansteuerung nutzen, wir können aber deren Position dafür nutzen. Das ist halt nicht 100% fehlerunanfällig, denn wenn wenn ein Menü-Eintrag dazu kommt oder weg fellt, ändert sich die Position und das CSS muss angepasst werden.

    Auf Ihrer Website möchten Sie den Eintrag "Aktuell" anpassen. Das ist der 8. Eintrag in der 1. Ebene des Navigationsmenü. Entsprechend sähe das CSS für das verwendete Layout "Clean Style Responsive" folgendermaßen aus:

    Code
    <style>
    #navbar ul.mainmenu > li:nth-child(8) a{
        color: #ff0000;
        font-weight: bold;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Super Stefan, ganz toll. :thumbup:

    Ihr seig echt gut. Eure Hilfsbereitschaft ist sprichwörtlich. :thumbup:

    Hätte da noch eine winzig Keine frage, komme da einfach nicht dahinter.

    Wie kann man, zur besseren Übersicht, unter >Einstellungen>CSS Kommentare einfügen.

    Noch einmal rechtherzlichen Dank an alle die mich so tatkräftig unterstützt haben. :)

    Mit freundlichem Gruss

    Roland Lehmann

    ____________________________________________________

    Zeta Producer (Express & Business)

    Version: 16.8.4

    Layout: Clean Style Responsive / Flat Responsive


  • So:

    CSS
    <style>
    /* ich bin ein Kommentar */
    #navbar ul.mainmenu > li:nth-child(8) a{
        color: #ff0000;
        font-weight: bold;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Sie hätte NUR im Quellcode die " mit einem ' ersetzen müssen und das Problem wäre weg gewesen.

    VG

  • Sie hätte NUR im Quellcode die " mit einem ' ersetzen müssen und das Problem wäre weg gewesen.

    Gut zu wissen, danke! Das rein über CSS zu lösen ist trotzdem besser. Denn dafür ist CSS ja da und man benötigt keinen überflüssigen HTML-Code.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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