Hallo,
ich habe gerade zum ersten mal zu Testzwecken die Layout-Breite vergrößert und dabei die neue Breite für die Haupt-Navigation ausgenutzt.
Dabei habe ich festgestellt das die Haupt-Navigation umgebrochen wird bevor ab der "Moblie Button" eingeblendet wird.
Hier ein Testprojekt, Breite 1080px. LINK
Hallo,
wenn man dem Logo-Bereich des Layouts "Producer Responsive" einen Hintergrund gibt (Bild oder Farbe) wird dieser in der mobilen Ansicht seitlich verkleinert (abgeschnitten).
Hier ein Beispiel: Link
Auf dem Smartphone deutlich zu sehen.
In der Desktop-Ansicht kann man das gut erkennen, wenn man das Browserfenster verkleinert wird kurz nach dem die die Seite auf "mobile" umschaltet der Hintergrund des Logo-Bereichs seitlich abgeschnitten.
Der Fehler muss wohl mit einem Update vor 2 bis 4 Wochen gekommen sein. Seit dem habe ich das auf meiner zella.de beobachtet und den Fehler in meinem eigenen Code gesucht. Mit dem jungfräulichen Projekt musste ich aber feststellen das hier wohl Zeta ein kleiner Fehler eingehuscht ist.
Hallo,
mir ist aufgefallen wenn man im Layout "Stripe Responsive" einen Banner einbindet dann wird die Seite in der mobilem Ansicht etwas gezoomt dargestellt.
Hier Beispiele:
Wenn man die Seiten im Smartphone aufruft werden diese etwas eingezoomt dargestellt.
In der Desktop-Ansicht kann man das gut erkennen, wenn man das Browserfenster verkleinert werden kurz bevor die die Seite auf "mobile" umschaltet seitliche Scrollbalken eingeblendet.
Hier nochmal eine andere Variante. BEISPIEL
Erstelle je eine Tabelle für die Linke und die Rechte Spalte. Ich habe diese im Beispiel mit Word erstellt und als htm-Datei gespeichert.
Erstelle mit File-Zilla einen Ordner auf deinem Server und lade die HTM-Dateien auf den Server.
Nun fügst du die HTM-Tabellen per iFrame in das Projekt ein.
Jetzt spielst du deinem Kunden File-Zilla auf, übergibst die Tabellen und erklärst ihm was er zu tun hat (Tabelle ändern und hochladen). Wichtig ist dabei das die Dateinamen und der Ordner auf dem Server nicht umbenannt werden.
Hallo Norbert,
Das Widget "Tabellarische Daten" sollte hier wohl die erste Wahl sein.
Hier habe ich mal ein Beispiel hochgeladen. Jede Kategorie hat eine eigene Tabelle bekommen. Die Preise sollten noch Rechtsbündig. LINK
Alternativ wäre da noch das Widget "Tabs" zu erwähnen.
Hallo Yannick,
gehe mal zu Erweitert > Erweiterte Einstellungen > Bilder.
Der hier angegebene Wert ist der den Zeta Producer die Bilder des Sliders skaliert.
Weitere Komprimierungen werden meines Wissens nicht vorgenommen.
PS: Ich habe mir das nochmal in deinem Link genauer angeschaut. Ich war eigentlich von einem "Randlosen Slider" ausgegangen. Die Bilder haben die korrekte Größe wie sie auch im Slider dargestellt sind. Ich persönlich finde die Bilder auch sehr gut (und ich bin da anspruchsvoll).
Am besten du lädst hier mal ein Originalbild hoch. So kann man dann einen Unterschied erkennen und eventuell Rückschlüsse ziehen.
Hallo,
so wie von Herrn S beschrieben habe ich es auf der Seite code.zella.de umgesetzt.
Zusätzlich habe ich dort ein kleineres andersfarbiges Logo platziert welches ab einer bestimmten Scrollposition eingeblendet wird.
Ich habe deinen Beitrag mal zum Anlass genommen und die "Ritter Sport Variante" im Zeta Producer umgesetzt. Die Lösung findest du HIER.
Hallo Gerald,
der oder die Beiträge die du gefunden hast sind sicher schon etwas älter. In der Version 13.x kannst du das ganz einfach mit Inline-CSS umsetzen.
Gehe im Widget unten links auf das "Mischpult", dann rechts auf "Mehr". Hier trägst du unter Inline-CSS folgendes ein:
text-align:center;
Solltest du viele Artikel haben die du zentrieren möchtest nutzt du am besten eine CSS-Klasse.
Gehe zu Einstellungen > CSS und gib dort folgendes ein:
<style>
.zentriert {
text-align:center;
}
</style>Nun gehst du wieder im Widget unten links auf das "Mischpult", dann rechts auf "Mehr".
Hier trägst du unter CSS-Klasse folgendes ein: zentriert
PS: Inzwischen auch leider notwendig:
Disclaimer: Vorstehende Äußerung stellt meine persönliche Meinung auf den Sachverhalt und keine Rechtsberatung dar.
Wenn das so weiter geht laufe ich den Flüchtlingen entgegen.
Hallo Rayana ,
ich habe mir die Seite mal angesehen.
Ganz ehrlich... bei einer so langen Startseite kann man ja keinen Überblick behalten. Weder du noch der User!
Du hast da mal irgendwann einen Video-Player installiert, dieser funktioniert sowieso nicht. Eventuell ging der früher mal.
Dieses hier startet jedenfalls nicht:
Hier mal die Artikel die hierfür vermutlich verantwortlich sind.
Ungefähr mittendrin hast du einen Artikel Quelltext. Diesen erkennst du in der Spalten-Ansicht so:
Inhalt ist folgender:
<div mi24-video-player video-id="268ruFzv3zth6pnXMjJnNq" player-id="AFa2ySPQEVXjzZp_5iJPxF" config-type="vmpro" flash-path="//e.video-cdn.net/v2/" api-url="//d.video-cdn.net/play"></div><script src="//e.video-cdn.net/v2/embed.js"></script></div>
Direkt darunter einen Text-Artikel.
Inhalt ist folgender:
<div mi24-video-player video-id="1XZuV3ENvZaYUcfFUnuj6c" player-id="AFa2ySPQEVXjzZp_5iJPxF" configtype="
vmpro" flash-path="//e.video-cdn.net/v2/" api-url="//d.video-cdn.net/play"></div><script src="//e.videocdn.
net/v2/embed.js"></script>Und kurz darauf nochmal diesen Textartikel
<div mi24-video-player video-id="1XZuV3ENvZaYUcfFUnuj6c" player-id="AFa2ySPQEVXjzZp_5iJPxF" configtype="
vmpro" flash-path="//e.video-cdn.net/v2/" api-url="//d.video-cdn.net/play"></div><script src="//e.videocdn.
net/v2/embed.js"></script>Ja, da ist eine Weiterleitung aktiv.
Kann es sein das du die Domain "http://www.ferienhof-seibert.de/" bei einem anderen Anbieter registriert hast als da wo du deine HP hoch lädst?
Das fällt schon auch anderen auf. Man muss sich halt zu helfen wissen.
Das tritt zum Beispiel auf wenn sich das Menü im Bereich des Hauptmenüs befindet.
In der Regel kommt man mit einem Rechtsklick im Bereich des Artikels/Containers zu dem Menü. Sollte das nicht funktionieren, mit F8 in den Spaltenmodus wechseln und hier ebenfalls Rechtsklick auf den Artikel.
Ich würde aber die Karte linksbündig lassen und den i-frame an die Content-Breite anpassen.
Hierzu einfach je nach Layout den Wert (width="640") erhöhen.
Hab doch den HTML-Code gepostet.
In deinem Beispiel würde der Code so aussehen:
<div align="center">
<iframe src="https://www.google.com/maps/d/embed?mid=1m1tVZEmdcmfk4rOk-PNZFppDcXw" width="640" height="480"></iframe>
</div>Am besten den Code in einen zentrierten DIV packen.
<div align="center">
dein Code von Google May Map
</div>Hallo Norbert,
dafür gibt es glaub keine Einstellung. Und einfach nur mit CSS ändern geht auch nicht weil der Producer hierfür Grafiken verwendet.
Deshalb hatte ich HIER damals schon im Header andere Grafiken verwendet und diese anders positioniert.
<style>
.zp13slider-direction-nav a {
width: 58px;
height: 58px;
background: url(http://zella.de/test/stripe/pic/navi3.png) no-repeat 0 0;
}
</style>Hm, ich habe das gerade getestet. Bei mir funktioniert das: LINK
Getestet mit ZP13.3.0 und Stripe Responsive
Hallo Abel,
ich habe das HIER auch so gemacht.
Dem Artikel habe ich dabei eine feste Größe gegeben:
<div style="height:70px;">
<div class="logo">
<a href="http://code.zella.de/"><img src="http://zella.de/code/bilder/logo402x100.png" alt="Logo Codeschnipsel Zeta Producer" /></a>
</div></div>Und das Logo per Einstellungen > CSS positioniert:
/* Logo =============== */
.logo {
position: absolute;
top:10px;
left: 50%;
margin-left: -450px;
z-index:7000;
}
@media (max-width: 979px) {
.logo {
left: 10px;
margin-left:0;
}}Alternativ kannst du auch mal versuchen dem Artikel einen negativen Margin-Wert zu geben.
Also dem Artikel oder dem Container folgendes Inline-CSS geben und anpassen:
margin-top: -40px; margin-bottom: -40px;
Anschließend auch in der mobilen Ansicht prüfen Browser-Fenster in der Breite verkleinern".
Hallo,
Im Zeta Producer hast du die Möglichkeit einen geschützten Bereich Bereich zu erstellen, welcher mit Kennwort geschützt ist. Nähere Infos dazu findest du HIER.
Für den Dienstplan eignet sich eventuell der Google-Kalender.
Welches Layout du verwenden solltest, kann man pauschal nicht sagen. HIER findest du eine Übersicht. Wichtig ist das du ein Layout mit dem Zusatz "Responsive" verwendest.
Hallo Kay,
Wenn du im CSS unter ".case" den Eintag "margin:0 auto;" löschst werden die Cover linksbündig platziert.
Ich schreibe bestimmt jetzt was blödes: Das Quelltextwidget scheint nicht responsive ...
Stimmt 
Das Widget Quelltext kann nur Responsive sein wenn das was man da rein schreibt Responsive ist.
Du schreibst ( Es waren ursprünglich ja 3 Cover pro Zeile):
Der Text stand ja auch unter dem Bild jetzt daneben. Übrigens haben deine Bilder eine Größe von 180px x 180px. Im CSS sind 185px x 185px angegeben, also werden die Bilder gestreckt.
Super 
Wie genau hast du denn den Text neben dem Cover platziert? Wenn du das Fenster in der Breite verkleinerst passt da etwas nicht mit dem responsiven Verhalten.
Das gleiche Problem hatte ich auch (Widget Tabellarische Daten). Deshalb habe ich das ganz unten nochmal über Spalten anders gelöst, wobei mir der Text neben dem Cover eigentlich besser gefällt. LINK
Jochen war mal wieder schneller 
Hallo Kay,
Gefällt mir gut wie du das gemacht hast. Besonders noetzelbach.de
Eine Alternative habe ich aber gefunden. LINK
PS: Firefox spielt "When I grew up" nicht ab.
Hallo,
Richtig erkannt hast du das PNG-Dateien eine größere Dateigröße haben. Diese haben aber den Vorteil das du Transparenz in den Grafiken einbinden kannst.
Also Bilder mit Transparenz PNG, sonst immer auf JPG setzen. Diese lassen sich mittlerweile sehr gut komprimieren.
Zum optimieren und komprimieren der Bilder gibt es viele Programme / Tools.
Weil der Programmierer des Layouts "kommunal-responsive" eine CSS-ID und der Programmierer von "modern-responsive" eine CSS-Klasse verwendet hat.
Hallo Heiner,
probiere mal folgendes CSS:
<style>
#sidebarright {
background-color: #996666;
}
</style>Also ich kann auf der Startseite einen Slider mit 2 Bildern sehen.
Wenn es um diesen geht, lösche mal deinen Browser Cache.
Probiere mal folgendes:
zu 1. gehe zu Einstellungen > CSS gib dort folgendes ein und passe es an
<style>
.topline {
padding: 22px 0!important;
}
</style>
zu 2. gib ersten ersten Artikel folgendes Inline-CSS und passe es an:
margin-top: -60px;Anschließend die mobile Ansicht überprüfen.
Du hast mich falsch verstanden, dein Problem liegt nicht am Code in Zeta sondern in deiner externen Seite.
Grundsätzlich finde ich die Seite sehr schick, mit dem passenden Hintergrund.
Hallo,
Das Testfenster hat im Head (zwischen <head> und </head>) folgendes CSS bekommen
<style>
body {
color: #fff;
background-color: #000099;
}
</style>
zu P.P.P.S.: da hast du sicher ein wenig zufiel rum gespielt, am besten das Script löschen und nochmal neu reinkopieren.
Probier mal: Erweitert > Erstellen > alle Seiten erstellen
Anschließend: Veröffentlichen > alle Seiten veröffentlichen
Wenn das nichts hilft den Slider löschen und neu anlegen.
Beachte, das die Bildnamen keine Sonderzeichen enthalten.
Vergib dem ersten Artikel das Inline-CSS:
margin-top:-60px;Den Wert kannst du natürlich anpassen. Anschliessend solltest du noch prüfen ob das auch in der "Mobilen Ansicht" passt.
Sollte aber passen.
Hallo,
ich bin gerade im Urlaub "nur Smartphone" deshalb kann ich hier nur bedingt Hilfestellung geben.
Zu bedenken ist das ein Teil der angesprochenen Codeschnipsel in "Poster Responsive" nicht richtig funktioniert.
Ich nehme an das das gewünste Layout am Desktop Bildschirmfüllende Container-Hintergründe hat?
Wenn ja schau dir das mal an: http://code.zella.de/onepage.html
In deinem Fall brauchst du wohl hier nur die Abschnitte zum Container und zum Inhalt.
Empfehlen würde ich die Layouts Stripe- oder Producer-Responsive.
Wir werden das wohl zukünftig eher unterbinden.
Das wäre aber schade.
Es wäre schön wenn man hier eine Grafik einbinden kann, das kann durchaus nützlich sein.
Zum Beispiel HIER habe ich einen Pfeil eingefügt der zum Content führt. Wenn man dies ganz einfach über eine Grafik umsetzen kann wäre der Aufwand sehr gering und für jeden Leien umsetzbar "Pfeil-Grafik einfügen > zum ersten Artikel verlinken".
So kompliziert ist das nicht.
Den HTML-Code fügst du per Widget>Quelltext an der Stelle ein wo das Plug-In erscheinen soll.
Wenn Global "auf allen Seiten", fügst du den Code auf der Startseite ein und vererbst ihn. Handbuch
Im Slider sowie im Header gibt es ja die Möglichkeit zusätzlich Bilder einzufügen "im Textfeld Rechtsklick > Bild".
Ein so eingefügtes Bild wird im Slider, sowie im Header einiger Layouts nicht korrekt dargestellt. Ich habe auch versucht ein externes Bild über HTML einzufügen, hier tritt der gleiche Fehler auf.
Hier ein paar Beispiele:
Stripe Resp. -Darstellung korrekt.
Stripe Resp. Slider -Darstellung falsch
Poster Resp. -Darstellung falsch
Ich habe mal die Responsiven Layouts durchgeklickt.
Hier wird das Bild richtig dargestellt:
Album- Bella- Contemporary- Magazin- Stripe- Technikal-Responsive
Hier wird das Bild falsch dargestellt:
Slider (ich nehme an das betrifft alle Layouts)
Atmosphere- Clean Stile- Metro- Magazin- Panorama- Poster- Producer- Simple-Responsive
Dass Bilder aus Galerien oder Headern nicht zuverlässig veröffentlicht werden sollte im kommenden 13.3-Update verbessert sein.
Dass Bilder in falschen Bilderalben landen, haben wir bisher noch nie beobachten können.
Ich auch nicht.
Wenn du viele Artikel auf einer Seite hast die keine Überschrift haben wird es schwierig diesen mit Zeta zu verlinken.
Mit einem kleinen Trick geht das aber ganz fix.