Hallo FFPJN,
gehe zu Einstellungen > CSS und gib dort folgendes ein:
<style>.bildgrau {filter: grayscale(1);transition: all 0.2s ease;}.bildgrau:hover {filter: grayscale(0);}</style>Nun fügst du das Widget Bild ein und gehst im Widget unten links auf das Mischpult und anschließend auf MEHR.
Hier trägst du unter CSS-Klasse folgendes ohne die Gänsefüßchen ein: "bildgrau"
Hier ein BEISPIEL
Ok. Mache ich nachher.
Kostet dich ein Danke.
Ja. Die Beschreibung ist noch für eine ältere Zeta-Version.
Den CSS-Code fügst du unter Einstellungen - CSS ein. Den Quelltext über das Widget Quelltext.
PS. Ich kann auch für dich speziell eine Version entwerfen. Das wird aber frühestens heute abend.
https://www.zella.de/code/bilder-frei-positionieren.html
Den Quelltext auf der Startseite einfügen. Im Widget dann unten auf das Mischpult und den Haken bei "auch auf untergeordneten Seiten anzeigen" setzen.
Mit einer Hintergrundgrafik dürfte das schwierig werden.
Aber das könnte eventuell anders gehen. Wenn du einen Link zu der Seite sowie einen Screenshot mit einer Markierung wo sich der Hund ablegen soll postest dann kann ich mal schauen was da geht.
Glauben können wir vieles. 
Zeta hat sich da bisher immer sehr bedeckt gehalten. Das einzige was ich bisher hier raus lesen konnte war ein kleines Update im Widget Bild.
Du kannst das so umsetzen.
Gehe zu Einstellungen > CSS und kopiere dort folgendes hinein:
<style>.button1 {color: #fff !important;font-weight: bold !important;background: red !important;border-color: red !important;transition: all 0.3s ease;}.button1:hover {color: red !important;background: #f6f6f6 !important;}.button2 {color: #fff !important;font-weight: bold !important;background: blue !important;border-color: blue !important;transition: all 0.3s ease;}.button2:hover {color: blue !important;background: #f6f6f6 !important;}
</style>Nun fügst du wie gewohnt das Widget Button ein. Hier trägst du unter CSS-Klasse button1 bzw. button2 ein.
Wenn das funktioniert kannst du im CSS die Farben anpassen.
PS: Da der Code hier im neuen Forum noch nicht optimal dargestellt wird habe ich das für dich hochgeladen. LINK
Hallo,
in "Poster Responsive" kannst du den Artikelabstand im Layout-Designer unter dem Punkt "Inhaltsbereich" ändern (Artikelabstand).
Sollte es um einzelne Artikel gehen so kannst du das per Inline-CSS im Widget tun. Hier funktionieren auch Minus-Werte. zB: margin-top:-40px;
Ich habe unter Servernamen den eingegeben der im Kundencenter angegeben ist.
Goneo-Kundencenter > Servernamen hier steht in der Tabelle unter FTP & SSH dein Servername.
Bei mir heißt der "230011.test-my-website.de".
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.
Hallo Mario,
Hast Du eine eigene Drohne?
Ja, habe ich. Und da kann man tolle Sachen mit anstellen. LINK
Noch vor dem Fußball geschafft.
Hallo Jörg,
Der Code von zella.de/code/video-header-hintergrund.html ist wohl noch nicht so perfekt. Das responsive verhalten ist nicht so das wahre.
Ich hatte da vor ein paar Wochen noch etwas anderes gebastelt. Mal sehen ob ich es heute noch schaffe das auf code.zella.de zu veröffentlichen.
Das Video wird in mehreren Formaten für die gängigen Browser angeboten.
Der Text unten im Video wird einfach im Widget darunter eingebunden ,per margin-top nach oben verschoben und in der Mobilen Ansicht wieder nach unten. Ebenso der der Pfeil nur das dieser in der Mobilen Ansicht ausgeblendet wird. Sicher kann man hier auch per position:absolute Button, Text oder Bilder über dem Video platzieren. Diese müssen dann allerdings wieder für die Mobile Ansicht angepasst werden.
LINK
Bezüglich der Ladezeiten hat @sseiz natürlich recht. Man könnte eventuell in der Mobilen Ansicht das Video gegen ein Bild austauschen. Dies passt aber Google wieder nicht. Obwohl schnelle Ladezeiten gewünscht sind möchte man dem mobilen Nutzer den Gleichen Input wie dem Sofa-User bieten.
Hallo Josef,
Lösche den Ordner "schlagzeile" oder besser kopiere ihn temporär in einen anderen Ordner.
Entpacke die Zip-Datei im Anhang in den Ordner "widgets".
In der Datei "standard.html" findest du folgenden Abschnitt:
<!--########### THEMA ###########-->
<div style="font-size: 18px; color: #000000; font-weight: bold;">
<$= article.value("thema") $></div>
<!--########### ENDE ###########-->
<!--########### HAUPTSCHLAGZEILE ###########-->
<div style="font-size: 32px; color: #cc0000; font-weight: bold; line-height: 2.1em;">
<$= article.value("hauptschlagzeile") $></div>
<!--########### ENDE ###########-->
<!--########### UNTERSCHLAGZEILE ###########-->
<div style="font-size: 16px; color: #000000; font-weight: bold;">
<$= article.value("unterschlagzeile") $></div>
<!--########### ENDE ###########-->Hier kannst du jeweils in der Zeile "<div style=" das CSS anpassen bzw. weiteres CSS hinzufügen.
font-size = Schriftgröße
color = Schriftfarbe
font-weight:bold = Schrift Fett
line-height = Zeilenhöhe
@Gawainos
Ich befinde mich im Lernprozess. Vor 2 Jahren wusste ich nicht mal was CSS überhaupt ist
Nein das geht über die ".htaccess-Datei". LINK
Ah, jetzt habe ich dich verstanden. Ich kenne mich zwar ein wenig mit CSS aus, allerdings habe ich keine Erfahrung mit der Erstellung neuer Widgets.
Kannst du das Widget mal zippen und mir zukommen lassen dann kann ich mal schauen? Entweder hier anhängen oder HIER versenden.
Du findest das Widget unter Benutzer > Dokumente > Zeta Producer 13 > widgets.
Ich würde ja gerne helfen, aber ich verstehe das Problem nicht.
Das geht doch alles ganz einfach mit dem Widget Text.
Dann kann ich ja jetzt beruhigt in den Urlaub fahren. 
Du Herr Fotograf machst das natürlich in Photoshop.
Am besten du verpasst den Pfeilen noch einen Schatten. Dann sind sie auf den helleren Bildern auch gut zu sehen.
Ja, diese Version passt nur wenn der Header auf "Zentriert" steht. Deshalb hatte ich dir oben meine zella.css verlinkt.
Ich habe das mal nachgebaut und angepasst. LINK
Das sollte so passen.
Einstellungen > CSS
<style>
.flex-direction-nav li a {
width: 30px;
height: 30px;
background: url(https://www.zella.de/bilder/button/nav4.png) no-repeat 0 0;
}
.flex-direction-nav li .prev, .flex-direction-nav li .flex-prev {
left: 50%;
margin-left: -680px;
top: 48%;
}
.flex-direction-nav li .next, .flex-direction-nav li .flex-next {
right: 50%;
margin-right: -680px;
top: 48%;
}
@media (max-width: 1399px) {
.flex-direction-nav li .prev, .flex-direction-nav li .flex-prev {
margin-left: 0;
left: 20px;
}
.flex-direction-nav li .next, .flex-direction-nav li .flex-next {
margin-right: 0;
right: 20px;
}
}
</style>Ah stimmt, das gibts ja auch noch. 
Daran habe gar nicht mehr gedacht.
Hallo Frank,
in Producer Responsive werden diese Pfeile standardmäßig am Bildschirmrand dargestellt. Demnach müsstest du in der Seite wedding-fotografen.de etwas geändert haben. Ich konnte aber beim überfliegen des Quelltextes auch nichts dazu finden.
Ich nutze für zella.de auch Producer Responsive. Da mir die Pfeile dort auch nicht gefallen haben habe ich eine andere Grafik verwendet und diese neben den Bullets eingeblendet.
Eventuell hilft dir das ja weiter. Den Code findest du HIER ziemlich am Ende unter dem Punkt /** Header Weiter-Button **/.
Seite neu laden ist nicht gleich Cache leeren.
Welchen Standard-Browser verwendest du denn?
Dazu kann sicher jemand anders eine Info geben. Ich besitze keine Apple-Geräte.
Hallo Matthias,
natürlich darf man den Code verwenden.
Auf deinem Screenshot wird die normale Darstellung von Zeta-Producer angezeigt.
In den Spaltenmodus gelangst du mit der Taste F8. In der Browservorschau (Oben der Button "Vorschau") sollte die Darstellung (alle Browser) aber normal sein.
Hallo, der Code kommt ja scheinbar von mir. LINK
Beachte auf der Seite den Artikel ganz unten mit der roten Überschrift.
Das kannst du beim testen einfach probieren indem du das Browserfenster in der Breite entsprechend verkleinerst.
Auf Android ebenfalls.
Hallo monsieur,
das Problem ist ganz einfach deine Fragestellung "Wie erhalte ich dieses Bild mit den Bezeichnungen Logo etc. in Zeta Producer 13". Normalerweise müsste man Antworten "Füge dieses Bild mit dem Widget Bild ein". Das ist schon mal irreführend, denn ich denke du möchtest nicht dieses Bild einfügen sondern eine Seite so gestalten wie es auf dem Bild dargestellt ist. Auch dies ist für den Großteil hier nicht nachzuvollziehen, denn der Zeta Producer ist intuitiv bedienbar.
Aber gut, ich will es versuchen.
Also ich kann absolut keinen Unterschied bei den Bildern feststellen.
Photoshop sagt beide Bilder haben die Farbe #004A94.
Im Anhang beide Bilder in vergrößerter Form, ich erkenne keinen Unterschied.
Vermutlich haben Sie den ZOOM-Faktor in Ihrem Browser verändert.
Sehe ich auch so. Wenn man die "Strg-Taste" drückt kann man ja im Zeta-Producer die Seite wie im Browser betrachten. Kommt man hier mal an das Scrollrad der Maus ist das ganz schnell passiert.
Das liegt an der unterschiedlichen Darstellung der Paddingwerte. Man wird immer irgendetwas finden was die Browser verschieden darstellen.
Ich habe den Code diesbezüglich noch einmal geändert. Somit wird der Code zwar etwas länger, aber das Logo wird nun bei Chrome, Firefox, Edge und IE an gleicher Stelle positioniert. Am besten den Code noch einmal komplett löschen und von der verlinkten Seite einfügen. LINK
PS: Sollten noch weitere Fragen kommen am besten in meinem Forum anmelden. Lange Dialoge über Fremdcode sind hier nicht so gern gesehen. FORUM
1.Füge dem CSS folgendes hinzu
.menuu a:hover {
color: #9fc637;
}
2. Hier wäre es besser die Logo-Datei entsprechend abzuändern und als PNG einzubinden. BEISPIEL
Füge der Klasse ".menuu" ein "z-index:2;" (ohne die Gänsefüßchen) hinzu. Falls das noch mit anderen Widgets auftritt den Wert entsprechend erhöhen.
Ich habe das jetzt nochmal geändert. Dein Logo wird jetzt ganz links eingeblendet und verbindet sich mit der Bottom-Linie des Menüs. Sobald der Platz nicht mehr ausreicht wird das Logo wieder ausgeblendet. LINK
Leider verschwindet die Leiste mal hinter einem Bild und ist nicht immer im Vordergrund.
Immer die Browser-Vorschau verwenden. In Zeta verhält sich das manchmal so.