Hintergrundbild auf einzelnen Seiten ausblenden?

  • Hallo zusammen,


    gibt es vielleicht einen Trick, das HG-Bild nicht auf allen Seiten erscheinen zu lassen? (Layout Flat Responsive)


    Und: Seltsamerweise wird es auf einigen Seiten durch den Text überdeckt (was gut ist), und auf anderen Seiten scheint der HG durch (was aber auch gut ist ;-).


    Beispiele:


    Überdeckung:

    Transparenz:


    Auf beiden Seiten hatte ich das Widget "Text" benutzt; auf einer Page wird der HG durch den Text überlagert und auf der anderen nicht. Da komme ich ins Grübeln, warum das so ist...

  • Hi Zetahufi


    "Überdeckt" - Es sieht im Quellcode so aus, als hättest Du den entprechenden Containern einen Farbwert gegeben (per Container bearbeiten // Container // Hintergurndfarbe). Nämlich die Farbe...

    Code
    1. #E6E6E6;

    ergibt somit das Grau.


    "Transparent" - Keine ensprechenden Farbwerte vergeben.


    "HG-Bild" - Da gibt es sicher eine Möglichkeit (per Attribute oder CSS). Zur späten Stunde fehlt mir jedoch diesbezüglich "Raum und Zeit und Konzentration". Sorry :).

    Gute Nacht und viele Grüsse

    elch

  • HUCH! Wer hat denn das gemacht??? :saint:

    Danke, das hilft schon mal...


    Ich finde kein Layout, in dem man die Auswahl hat, das HG-Bild einzuschränken, z.B. 'Nur Hauptseite', 'Alle Seiten'; das würde schon genügen. Schade.


    Viele Grüße

    Norbert

  • Hallo Norbert,


    Hintergrundbilder für einzelne Seiten einfügen geht durchaus mit ZETA-Bordmitteln.


    Über "Bearbeiten>Attribute" unter der Rubrik STANDARD im Feld mobilescript eine CSS-Anweisung eintragen, z.B. so:

  • Hallo Peter,


    klappt doch nicht so richtig...


    Jedes Bild, das ich einfüge, wird oben abgeschnitten! Wenn ich das über das Layout mache, ist es korrekt... ;-(


    Wie müsste übrigens der Pfad lauten, wenn das Bild auf der Partition E: liegt? Komischerweise klappt das nicht.

  • Wie müsste übrigens der Pfad lauten, wenn das Bild auf der Partition E: liegt? Komischerweise klappt das nicht.

    Bei der von mir im Code verwendeten Methode spielt der Pfad auf dem PC keine Rolle, denn das Bild wird ja manuell auf den Webserver kopiert.


    Es gibt auch eine intelligentere Methode per Objet-ID. Da die von mir nicht verwendet wird, kann ich nur den Hinweis auf Mario 's Site geben:


    https://www.zella.de/code/objekt-id.html.


    Das "oben abgeschnitten" habe ich noch nicht beobachtet

  • Hallo Peter,


    in dem Code, den du zeigst, ist aber doch eine URL vorhanden. Diesen Pfad müsste man doch so anpassen können, dass ein Bild aus einer beliebigen Partition meiner HD in ZP importiert wird? Ich meine, ohne dass ich ein Bild manuell auf den Server schicke? Das wäre ja echt umständlich...


    Danke für den Link zu Marios Seite; aber auch damit komme ich nicht klar. Nach einer Stunde des Probierens gebe ich einfach auf...


    In diesem Code habe ich folgendes benutzt, und keiner funktioniert:


    <style>

    body {

    background-image: oid://image/10_97-2;

    background-position:center;

    background-attachment:fixed;

    background-size:cover;

    }

    </style>


    ... oder auch:


    background-image: <img scrc="oid://image/10_97-2">;

  • Nur für den Fall, dass jemand auch Probleme haben sollte, hier eine Lösung: Lasse ich die Zeile "background-position:center;" komplett weg, dann funktioniert es insofern, dass das HG-Bild oben nicht abgeschnitten wird. Aber auf kleineren Monitoren (mobiles) verschwindet dann der rechte Teil des Bildes.


    Erweitere ich das 'center' mit 'top', passt alles wieder! Also hier der komplette Code inkl. Objekt-ID:


    <style>

    body {

    background-image: url(oid://image/bildname);

    background-position:center top;

    background-attachment:fixed;

    background-size:cover;

    }

    </style>


    :saint: