SO GEHT'S: Unterschiedliche Bildumrahmungen im selben Projekt möglich!

    Hallo liebes Zeta-Team,

    im Layout-Designer im "Inhaltsbereich" kann ich ja die Rahmenstärke und -farbe von Bildern global einstellen.

    Dieses Einstellung gilt dann für alle Bilder der Webseite.

    Ist es möglich, verschiedene Bilder mit verschiedenen Rahmen auszustatten?
    Also z. B. so: in Artikel 1 haben alle Bilder einen hellgrauen 1 Px breiten Rahmen, in Artikel 2 einen transparenten (oder keinen) Rahmen, in Artikel 3 einen blauen, 5 Px breiten Rahmen.
    Oder kann man einzelnen Bildern (über "Erweitert/Bilder") einen farblich individuellen Rahmen zu geben?

    Das wäre super - bin gespannt.

    Liebe Grüße

    Sunny :)

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

    Hallo Sunny,

    bei einzelnen Bild-Artikeln kannst Du die Rahmenbreite und Farbe nicht ändern. Du könntest aber pro Seiten die Standard-Styles überschreiben. Dazu wird eigenes CSS verwendet. Siehe auch: http://docs.zeta-producer.com/eigenes-css-einfuegen.html. Wenn Du das eigene CSS pro Seite definiert haben möchtest, dann musst Du die Style-Angaben in ein Seiten-Attribut einfügen. Informationen dazu findest Du auf der folgenden Seite im Handbuch: http://docs.zeta-producer.com/attribute.html

    Beispiel für eigenes CSS (Layout: Poster Responsive):

    CSS
    <style>
div.articlearea img, .zpImageGallery>a {
    border: 6px solid #ff0000 !important;
}
</style>

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

    Hallo Herr T.,

    besten Dank für Ihre rasche Antwort und den Code-Schnipsel.

    Damit und "inspiriert" von http://www.zella.de/code/ habe ich folgende Lösung gefunden, mit der
    es doch geht    :

    Unter "Attribute" - "mobile_script" habe ich folgenden Code eingegeben:

    CSS
    <style>
.image1{
    border: 6px solid #ff0000 !important;
}
</style>

    Anschließend ändere ich im TEXT oder in der HINWEISBOX , die das Bild enthält, den HTML-Code bei "class":

    class="singleImage" ändern in
    class="image1"


    Das erweitert meinen "gestalterischen Spielraum" ganz ernorm - ich bin happy :D .

    Liebe Grüße

    Sunny ^^

    PS:
    Bei Bildern, die als "Bild" oder "Bildergalerie" eingegeben werden, geht das nicht, weil man dort den HTML-Code nicht ändern kann.

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden