Hintergrundbild News Artikel

  • Hallo,

    ich wollte mal fragen ob es überhaupt möglich ist von Zeta aus (ohne CSS und HTML - Codes) ein Hintergrundbild einzufügen wo der Text über den Bild dann liegt?
    Bei den Bildeigenschaften finde ich nämlich diese Auswahl nicht - geht somit wahr. nicht :)

    Somit muss man das über Codes erledigen? - Kann man also nur für einen News - Bereich den Hintergrund anpassen (Bild einfügen)?
    Weil in der CSS Datei kann ich sie ja für alle ändern.

    LG

  • Ja ein perfektes Beispiel. Ich möchte keinen Hintergrund für die ganze Seite sonder nur in dem Feld "Kontakt" ein Hintergrundbild festlegen was nur in dem Kontakt Fenster ist.

  • Hallo,

    ich verstehe noch nicht ganz. Meinen Sie mit "Feld Kontakt" die Seite Kontakt? Also pro Seite unterschiedliche Hintergrundbilder, die dann aber jeweils die ganze Seite ausfüllen?

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

  • Sorry für die Unverständnis.

    Wenn sie auf den Link von ihnen klicken, sehen sie bei der Startseite das Feld "Kontakt" mit mustermann gmbh usw.
    Und in diesem Feld (weißen Feld) möchte ich gern ein Hintergrundbild einfügen was fast transparent ist und darüber halt den Text schreiben

  • Hallo,

    aha, Sie möchten also Hintergrundbilder für individuelle Artikel. Das ist nur möglich indem Sie im Artikel entsprechenden HTML-Code einfügen würden. In ZP bieten wir hierfür keine vorgefertigte Funktion.

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

  • Hallo,

    nein, das wäre falsch. Der <body> tag darf nur einmal benutzt werden und ist in jeder Seite ja bereits enthalten.

    Sie müssen zunächst die Objekt-ID des Bildes aus der Bildverwaltung ermitteln. Dazu gehen Sie in die Bildverwaltung, selektieren das entsprechende Bild und klicken dann auf "Werkzeuge > Objekt-ID kopieren". Schließen Sie die Bildverwaltung.

    Nun bearbeiten Sie den Artikel, dem Sie einen Hintergrund zuordnen wollen. Im Artikel-Edito schalten Sie auf die HTML-Quelltext Darstellung um.
    Nun fügen am Beginn des Artikels z.B. folgendes ein:

    <div style="background-image: url(oid://image/fotolia_32810549_s_jpg);">

    Wobei "oid://image/fotolia_32810549_s_jpg" die Objekt-Id ist, die Sie vorhin in der Bildverwaltung kopiert haben und nun aus der Zwischenablage einsetzen können.

    Am Ende des Artikels muss dann noch ein </div> eingefügt werden.

    Letztendlich sollte der HTML-Quelltext des Artikels also ungefähr so aussehen:

    <div style="background-image: url(oid://image/fotolia_32810549_s_jpg);">
    <p>
    Dies ist Absatz eins meines Artikels
    </p>
    <p>
    Dies ist Absatz 2
    </p>
    </div>

    Das müssen Sie halt mal ausprobieren. Wenn Sie nicht weiterkommen, helfen Ihnen andere Benutzer sicherlich in der Web-Plauderecke weiter.

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

  • Maaa ich danke Ihnen von ganzem Herzen =) hat wunderbar geklappt.

    Habe ja schon viele Codes probiert, auch diesen den Sie mir geschrieben haben aber nie geklappt :D

    Somit erledigt!

Jetzt mitmachen!

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