Header-Darstellung auf Unterseiten ändern

  • Hallo,

    ich möchte gerne auf Unterseiten das Banner nicht in voller Größe angezeigt bekommen wie auf den Hauptseiten.

    Okay, die Schrift kann ich löschen, aber das Bild nicht.

    Ich wünschte mir nur das farbige Banner ohne Alles, vielleicht in der Höhe von 100 Pixeln, etwa wie in der Fußzeile von "Modern responsiv".

    Ist das möglich?

    Danke und viele Grüße

    Norbert

  • Hallo Norbert,

    das kannst du mit dem unten aufgeführten Code umsetzen.

    Aber aufpassen!... Das geht in diesem Fall über das seitenbezogene Attribut "mobile_script".
    Und nicht über das "generelle CSS"!!!

    Sollte das Attribut nicht gleich sichtbar sein, dann "Alle anzeigen" bei den Attributen aktivieren.

    Also den Code (ohne den Zeilennummern) auf den dementsprechenden Seiten in das Attribut einfügen.
    Infos über Attribute und deren Handhabung: https://docs.zeta-producer.com/attribute.html

    Erster Abschnitt, blendet das Bild aus.
    Zweiter ", blendet den Text aus-
    Dritter ", setzt die Höhe auf 100px

    Gruß
    Jochen

    2 Mal editiert, zuletzt von Jochen (16. Februar 2017 um 22:11)

  • Mensch Jochen, das ist echt stark!!!! :)

    Probehalber habe ich mal die Höhe auf 50 px runtergesetzt, aber es verändert sich nichts... Auch nicht mit deinem Hinweis.

    Was ist eigentlich der Unterschied zu 'generellem' CSS, das ich bisher nicht gefunden habe? Ich habe einige CSS eingebaut, aber immer nur auf den einzelnen Seiten. Wünschenswert wäre schon, dass ich manche der kompletten Seite zur Verfügung stellen könnte, nicht nur über das mobile_script.

    Viele Grüße

    Norbert


  • Was ist eigentlich der Unterschied zu 'generellem' CSS, das ich bisher nicht gefunden habe? Ich habe einige CSS eingebaut, aber immer nur auf den einzelnen Seiten. Wünschenswert wäre schon, dass ich manche der kompletten Seite zur Verfügung stellen könnte, nicht nur über das mobile_script.

    Des geht ganz einfach, gehe zu Einstellungen > CSS.
    Was du hier einträgst wird für alle Seiten übernommen.

  • Noch eine Idee:

    Kann ich das nun leere Banner mit einem kleinen Text füllen, quasi als Überschrift für die Seite?

  • Hallo Norbert,

    denk mal ganz scharf nach.... :)

    Hilfe?.....

    Wenn du in dem Code von oben (Post 2) den mittleren Abschnitt rausnimmst, wird der Text wieder eingeblendet.,
    und somit hast du wieder eine "Überschrift".

    Gruß
    Jochen

  • Ja schon, Jochen ('caption' kam mir irgendwie bekannt vor... Visual Basic?)
    Aber wenn ich den Teil rausnehme, ist das Banner nicht mehr nur 100 px hoch, sondern (für mich wieder übergroß) wie auf der Hauptseite.
    Zudem möchte ich die Schrift nicht als H-sowieso formatieren, sondern nach meinem Gusto.
    Schon seltsam, meine Wünsche, gelle? ;)

    Zu blöd...

    Hier habe ich das Banner verändern können, weil es vorher noch drin war. (Banner okay)
    Auf einer anderen Seite habe ich das Banner gar nicht drin, obwohl auf beiden Seiten "Vorgabe" gewählt wurde. (Banner nicht da)

    Was habe ich da bitte verdummbeutelt?

  • Versuch mal folgendes:

    -Nimm als Headertext nicht die dortige Überschrift, sondern den Textinhalt.
    -In diesen kannst du auch mit rechtsklick in das Fenster rein > Erweitert > direkt den HTML-Quelltext bearbeiten.
    -Dort kannst du dann z.B. eine andere Schriftgröße einbauen.
    -Damit sollte die Höhe dann auch wieder 100px sein.
    -Einen fehlenden Header, kannst du nach aktivieren von "Einfügen AN" an die Stelle einbauen.
    -Du kannst auch ein Header dort von wo anders einfügen.

    Hoffe das hilft dir ein wenig weiter?

    Gruß
    Jochen

  • Hallo Jochen,

    bei "Einfügen an" habe ich folgendes Ergebnis (einfügen an.png): damit komme ich gar nicht zurecht.

    Auf der Seite, bei der vorher noch der Text drin war, habe ich wie folgt geändert:

    Im CSS die Höhe auf 80 px gesetzt; dann die Überschrift rausgenommen und nur den Text gelassen. Diesen kann ich formatieren wie ich will, er bleibt unsichtbar.

    Dann habe ich den Text ausgeschnitten und als Überschrift H3 schwarz eingefügt: nichts zu sehen...

    Versuchshalber die Höhe im CSS auf 120 gesetzt: Header größer, aber ohne Schrift...

    Sicherheitshalber die akuelle Seite neu erstellt; nichts.

    Damit der Besucher weiß, wo er gerade ist, habe ich vorläufig einen Artikeltext eingefügt, der eigentlich in den Header soll.

    Zu sehen ist das ganze hier.

    Ich scheine einen chaotischen Hang zu haben, oder? :)

    Viele Grüße

    Norbert

  • Hallo Norbert,

    der Text wird bei dir nicht angezeigt, weil du folgenden Abschnitt noch drin hast, der für die Ausblendung des Textes sorgt:

    Code
    .slide .caption {
            display: none;
    }

    Siehe dazu die Hinweise im Post 2 und 9.

    Der Code sollte also so aussehen:

    Code
    <style>
    .flexslider img {
            display: none;
    }
    #header {
            min-height: 100px; !important
    }
    </style>

    Dann wird der Text auch eingeblendet :)

    ---------------------------------------------------------------

    Nächster Punkt:

    Dein "einfügen an.png" soll bitte wo sein?...

    Gruß
    Jochen

  • Manno, bin ich ein Heini...
    Ich habe den Teil einfach auskommentiert.


    So, wenn ich jetzt noch diesen Header in die anderen Unterseiten reinbekomme, also bspw. 2017 - Gartenbilder - Januar, dann stelle ich diesen Monat keine Frage mehr... Versprochen!

    Dieser Header sollte immer dort stehen, wo er von Anfang an war; also direkt unter dem Hauptmenü.


    Viele Grüße


    Norbert

  • Versuch es mal so:

    1: Geh auf die dementsprechende Seiten, die keinen Header beinhaltet.

    2: Darauf achten, das nun oben rechts das "Einfügen AN" aktiv ist.

    3: Gehe nun in den Bereich des Headers auf das "+" und dann auf "Header".

    4: Fülle diesen mit deinem Inhalt.

    5: Zum Abschluss dann noch den Code, in das Seitenattribut einfügen.

    6. Fertig....

    Hoffe, das dies auch so bei dir klappt?

    Gruß
    Jochen

  • Wenn ich "Header" anklicke, bekomme ich nur die Möglichkeit, Bilder auszuwählen.
    Klicke ich "Einfügen" an, dann bekomme ich ein Textfeld geöffnet; da gebe ich meinen Text ein.
    Ha! Erst wenn ich wieder "Einfügen: aus" wähle, sehe ich die Änderung! Allerdings nur einen grünen Header.


    Dann das CSS eingefügt, das auf der einen Seite funktioniert hat (s. unten). Ergebnis: ein schmaler Header ohne Schrift.
    Funktioniert: (obwohl sich da was verschoben hat, weil ich wohl einen Menüpunkt zuviel drin habe; die Seite ist jetzt zu kurz. Und außerdem sitzt der Text nicht mehr in der Mitte des Headers!)
    Funktioniert nicht:

    Wo habe ich bitte jetzt schon wieder nicht aufgepasst in deinem Unterricht?

    So nebenbei: Das neue Layout hier gefällt mir gut! :)


    <style>
    /* Header ohne Bild und Schrift */
    .flexslider img {
    display: none;
    /* Falls Schrift sichtbar sein soll, diesen Kommentar behalten
    }
    .slide .caption {
    display: none;
    */
    }
    #header {
    min-height: 60px; !important
    }
    </style>

  • Hallo Norbert,

    und gleich "sorry", aber ich bin ehrlich.

    Das Thema hier, "zwackt" mir gerade einfach zuviel Zeit ab, die ich momentan nicht habe, für solch "individuelle" wünsche (wie du Sie hast) umzusetzen in einem Layout.

    Ich tu mich gerade ein wenig schwer damit, das weiter "in der Ferne" für dich zu analysieren...

    (Es ist auch nicht so einfach mit dir :))

    Wenn ich das Projekt selbst vor mir hätte im ZP, würde ich mir mit Sicherheit leichter tun, aber das vergessen wir ganz schnell :)

    Du hast jetzt folgende Möglichkeiten:

    1: Selber dich "durchkämpfen" bis zu einer Lösung, die dich zufrieden stellt (Übung macht den Meister).

    2: Oder darauf warten und hoffen, das hier jemand anders (mit Zeit dafür) dir zur Hilfe kommt.

    3: Oder mir wird es die Tage mal so extrem langweilig, das ich mich der Sache nochmal annehmen kann (wird eher nicht eintreffen).

    4: (Meine Empfehlung) Du lässt dir für den "Überschriftsbereich" was ganz anderes dafür einfallen.

    Evtl. mal einen Randlosen Container/Reihe anstatt einem Header dort versuchen einzusetzen.

    (Weiß aber gerade nicht, ob das in deinem Layout so ohne weiteres geht, bzw. passen würde...)

    Sorry ;)

    Gruß
    Jochen

  • Hallo Jochen,



    nein, ich bin keinesfalls irgendwie sauer oder so...
    Ehrlich gesagt war ich schon erstaunt über deine Geduld! ;) Aber auch sehr erfreut...


    Da ich ein individueller Mensch bin, versuche ich halt, auch meine Seite so zu gestalten :-).


    Es ist aber keinesfalls so, dass ich mich ohne 'Kämpfen' direkt an das Forum wendete: erst wenn ich nach etwa eineinhalb Stunden (eher mehr) nicht weiterkam und/oder etwas ziemlich verhunzt hatte, suchte ich in meiner Ratlosigkeit Hilfe.


    Da ich ein Sturkopf sein kann, wenn ich mir was in den Kopf gesetzt habe, beiße und kämpfe ich mich durch! Was auch allerdings dazu führen kann, dass ich nach Monaten aufgebe und von vorne anfange - oder etwas ganz anderes mache! Ich hoffe nicht, dass mir das bei ZP auch passiert... ;)


    Jedenfalls ganz herzlichen Dank! Auch für den abschließenden Tipp unter Punkt 4...


    Gute Zeit für dich und viele Grüße


    Norbert

  • Hallo Norbert,

    nur ganz kurz zu dem Vorschlag bei Punkt 4.

    Das ganze würde ganz gut gehen, und könnte z.B. dann so aussehen (ohne großes Feintuning), und nur als "Appetithappen" für dich :)

    https://hosting.zeta-producer.com/4492372867/index.html

    Auf der Startseite, ist der "individuelle Banner" drin.

    Und auf der Kontaktseite, der "normale Banner"

    Versuchs einfach mal so.

    Ich wünsch dir gutes gelingen :thumbup:

    Gruß
    Jochen

  • :) Danke für deinen erneuten Vorschlag!

    ABER... Ich habe eine kleine Überraschung, die ich im Editor geschrieben habe, bevor ich diese Nachricht las:

    Hallo Jochen,


    hier ein Nachsatz:


    Ich habe vorhin das Projekt geöffnet, und wundersamerweise ist der Titel im Header zu sehen...


    Gestern hatte ich nicht nur die Seite neu erstellt (wobei sich nichts tat), sondern auch Zeta geschlossen und wieder neu gestartet (wobei sich nichts verändert hatte, was mich zu dieser Verzweiflung brachte).


    Deine Hilfen waren also korrekt; offenbar hatte ich Chaosmann Zeta irgendwie erschreckt, und es brauchte eine ruhige Nacht, um sich zu regenerieren... :)


    Jetzt komme ich ein ganz enormes Stück vorwärts!!! :saint:


    Freudige Grüße


    Norbert

Jetzt mitmachen!

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