Beiträge von Mario

Dieser Fehler tritt leider ab und zu noch immer auf.
Folgendes sollte helfen:

• Erweitert > Erstellen > alle Seiten erstellen
• Veröffentlichen > Komplette Website veröffentlichen

Längeren CSS-Code sollte man ja auslagern um die HTML-Seite schlank zu halten.
Ich mache das bisher so das ich die externe CSS-Datei im Windows-Editor schreibe, diese mit FileZilla auf den Server lade und diese dann in der HTML-Seite verlinke.

<link rel="stylesheet" type="text/css" href="http://www.zella.de/css/zella12.5.css">

Ich komme damit gut zurecht und bräuchte keine Änderung. Könnte mir aber gut vorstellen das es für manche Nutzer sehr viel einfacher wäre wenn Zeta das mit einem Klick erledigen könnte.

Also im CSS-Fenster einen Button "CSS-Auslagern" mit dem Hinweis das dies nur bei längerem CSS Sinn macht.
ZETA sollte dann den CSS in eine externe Datei schreiben, diese zB. im Order "output/assets" ablegen und in der HTML verlinken.

War wie gesagt ein Gedanke der mir durch den Kopf schwirrt. Ich weiß natürlich das ZETA eigentlich für Nutzer gemacht ist die mit HTML nicht viel zu tun haben möchten. Aber das Entwickler-Tool zeigt ja das man wohl auch an Nutzern interessiert ist die sich ein wenig HTML und Co beschäftigen.

PS: Mir persönlich wäre es viel wichtiger das man das CSS-Fenster endlich anpacken und vergrößern kann.

Zitat von Uwe Keim

Oder wir könnten das Fenster in der Größe änderbar machen.

Das hatte ich vor langer Zeit schon mal vorgeschlagen LINK.
Auch dem Inline-CSS Feld in den Widgets würde das gut stehen.

Eine weitere Idee die mir durch den Kopf schwirrt wäre die Möglichkeit längeren CSS-Code direkt über Zeta-Producer auszulagern.

Hallo,
dieses Forum ist nicht für Fremdcodes angedacht.

Bitte die Anfrage HIER stellen. Und gleich dazu mit angeben welche Codes nicht funktionieren und welches Layout verwendet wird.
Die Seite code.zella.de ist aktuell mit Zeta Producer 13 erstellt., sollte also passen.

Ok, gerade getestet. Sollte eigentlich funktionieren.
Normalerweise sollten nach oben hin die Optionen ausfahren

Oben links auf "Layout" dann oben rechts auf "anderes Layout auswählen" das gewählte Layout hat einen blauen Rahnen. Dann unten auf "Abbrechen".

Hallo Frank,
welches Layout wurde dazu verwendet?

Hallo Gawainos,
ich habe mir das mal im Edge angesehen. Das liegt wohl am zu direkten Ansprechverhalten des Edge auch eine normale Seite springt beim scrollen. Bei jedem (klack) am Scrollrad springt die Seite, aber nicht nur da sondern auch wenn man den Scrollbalken benutzt. Scheint wohl wieder so ein typisches MS Problem zu sein.

Zufälligerweise habe ich gestern Abend etwas erstellt. Da kann man das ganz gut beobachten. Wenn man die Weiter-Pfeile am unteren Bildschirmrand oder die Navigation rechts benutzt läuft das ganz flüssig. LINK

• Adobe Photoshop Elements
• Adobe Lightroom
• PanoramaStudio
• Kolor Panotour
• Pinnacle Studio
• Phase5
• FileZilla
• Am häufigsten nutze ich neben Zeta wohl den Windows Editor

Ich habe dies mal zum Anstoß genommen und etwas probiert. LINK

Hallo,
probiere mal folgendes,

Gehe zu Einstellungen > CSS und gib dort folgendes ein:

<style>
#topline {
    border-right: none;
}
</style>

Zitat von klj

http://www.spiegel.de/fotostrecke/da…e-140721-5.html

Diese Galerie macht übrigens genau das, was ich mir vorstelle: eine feste Höhe.

Das ist keine Galerie, es wird jedes mal eine neue Seite geladen. Das kannst du natürlich machen, ich glaube aber nicht das du für jedes Bild eine eigene Seite erstellen willst.

Was du vor hast habe ich noch nicht so recht verstanden, das wird optisch sicher nicht der Reißer. Entweder der Content muss so weit unten platziert werden das der Platz für das höchste Bild ausreicht oder der Content würde jedes mal verschoben.

In einem Slider sollten alle Bilder das gleiche Format haben, sonst ist das einfach Murx.

Wie vom Thomas bereits geschrieben bitte bei Anfragen zu externen Widgets immer im entsprechenden Forum ansprechen. Auf meiner Seite ist ein Link (Support) oben rechts zu finden.

Aber um das ganze abzukürzen hier die Lösung. Allerdings würde ich das nicht tun, denn die Button würden in der mobilen Ansicht stören.
Entferne aus dem CSS-Code folgenden Abschnitt:

@media (max-width: 1089px) {
.social{
display: none;
}}

Zitat von wedding

PayPal würde ich nie benutzen auch nicht meinen Kunden anbieten! Vorsicht PayPal

Ich nutze bei Internet-Einkäufen fast nur noch PayPal. Es gab noch nie Probleme. Ganz im Gegenteil, einmal habe ich keine Ware erhalten und der Verkäufer reagierte nicht auf meine Anschreiben. Also bei PayPal einen Konflikt gemeldet. Das Geld war ganz schnell wieder zurück erstattet.

Hallo Sunny,
Dieser Code gehört eigentlich in den Head-Bereich, also zwischen <head> und </head>.

Versuche es mal so wie HIER beschrieben. Das ganze dann auf den Seiten wo die unterschiedlichen HG-Bilder erscheinen sollen wiederholen.

Ich würde an deiner stelle folgendermaßen vorgehen:

• Extras > Entwickler > Artikelgruppe exportieren > Bereich: Banner
• Makiere die entschprechenden Artikel
• weiter > weiter
• Vergib einen Namen und dann speichern.

Nun gehst du auf einer anderen Seite zum Bannerbereich. Unter Widget > Inhalt sollte deine Artikelgruppe inkl. Hintergrund-Container vorhanden sein, und ist schnell einzufügen.

Hallo Seewolf,
ich bin auch bei Goneo, kann dies aber nicht bestätigen.
http://www.zella.de/
http://www.zella.de/index.html
http://www.zella.de/schwimmteich.html

Am besten wenn du mal einen Link zu deiner Seite postest.

Zitat von sT.

Updateprüfung sollte nun funktionieren.

Kann ich bestätigen

Deine Frage war nicht ganz eindeutig, deshalb antworte ich 2 mal.

• Ca. 90% der Codes auf code.zella.de stammen aus 12.x somit sollten die auch funktionieren.
• In 12.x gab es noch nicht die Möglichkeit dem Widget Bild eine eigene Klasse zuzuordnen. Das könnte man zB. umgehen indem man das Widget Text verwendet auf HTML umschaltet und hier die entsprechende Klasse zuweist, oder gleich das Widget Quelltext verwendet. Hierzu sind allerdings geringe Kenntnisse in HTML notwendig.

Hallo Jörg,
ich habe das einfach mal getestet. Hier der LINK.

Wie du schon festgestellt hast werden die Einstellungen aus dem Layout-Designer nicht komplett übernommen.
Folgendes CSS habe ich benutzt:

<style>
.dmy {
 font-size: 20px;
transition: all .2s;
}
.dmy:hover { 
 font-size: 22px;
border-radius: 5px;
background-color: rgba(255,0,0, 0.8);
}
</style>

Beachte das dieser Button aber ab einer bestimmten Bildschirmbreite ausgeblendet wird, was natürlich auch Sinn machen kann.

PS: Ich habe aber hier auch wieder dazu gelernt. Bisher wusste ich nicht das man im Header auch mit HTML-Quelltext arbeiten kann. Somit ergeben sich wieder ganz andere Möglichkeiten. Man könnte also mit CSS auch einen eigenen Button für den Header anlegen und diesen auch für die mobilen Ansichten anpassen.

Zitat von Joerg

Ließe sich das auch so mit dem Ein- und Ausblenden von Text und Button über dem jeweiligen Header-Foto verwirklichen wie auf der genannten Dachdecker-Website?

Schwierig, wenn überhaupt geht das nur mit Eingriff in das Layout. Das mache ich grundsätzlich nicht, denn nach jedem Update musst du wieder von vorn beginnen.

Zitat von Joerg

Gerne würde ich mit Deinem Code entsprechende Tests machen.

Einstellungen > CSS

<style>
.button1 {
position: absolute;
top:400px;
margin-left:-110px;
left:50%;
display: inline-block;
width: 220px;
padding: 8px;
color: #3D3D3D;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #3D3D3D;
box-shadow: inset 0 0 20px 4px rgba(61, 61, 61, 0.5);
text-align: center;
outline: none;
margin-top: 10px;
text-decoration: none;
transition: background-color 0.2s ease-out,
box-shadow 0.2s ease-out,
color 0.2s ease-out;
z-index:2000;
}




@media (max-width: 1115px) {
.button1 {
top:300px;
}}
@media (max-width: 869px) {
.button1 {
top:200px;
}}
@media (max-width: 469px) {
.button1 {
top:150px;
width: 160px;
padding: 5px;
margin-left:-80px;
}}




.button1:hover,
.button1:active {
background-color: transparent;
color: #F22929;
border: 1px solid #3D3D3D;
box-shadow: inset 0 0 20px 4px rgba(242, 41, 41, 0.5);
text-decoration: none;
transition: background-color 0.3s ease-in,
box-shadow 0.3s ease-in,
color 0.3s ease-in;
}
</style>

Widget > Sonstige > Quelltext

<p style="text-align: center"><a class="button1" href="https://www.google.de/">Button 1</a></p>

Hallo Jörg,
ja das geht mit etwas CSS.

Ich habe HIER mal schnell ein Beispiel hochgeladen. Ist eine Mischung aus DIESEM und DIESEM.

Wenn dir das zusagt kann ich dir den verwendeten Code gern zukommen lassen.

• Links im Menü Doppelklick auf die entsprechende Seite.
• Auf den Reiter Sichtbarkeit.
• Den Haken ganz oben raus nehmen.

Hallo Gawainos,

HIER ein Beispiel, ab 1000 Pixeln Bildschirmbreite wird das erste Bild ausgeblendet.

Einstellungen > CSS

<style>
@media (max-width: 1000px) {
.bild1-ausblenden {
   display:none;
}}
</style>

In dem Widget in dem du das entsprechende Bild eingefügt hast gehst du unten links auf das Mischpult, dann auf Mehr und trägst im dem Feld CSS-Klasse folgendes ein:

bild1-ausblenden

In der mobilen Ansicht sind im Logo die Punke (Restaurant / Bar / Hotel) schlecht zu erkennen. Ich nehme an die Schrift im Logo hat einen Blur oder Schatten-Effekt.

Da musst du wohl bis Montag warten bis der ZETA-Support wieder vor dem PC sitzt.

Hallo Marc,
du kannst jederzeit das Layout wechseln ohne den Inhalt neu eingeben zu müssen. Wenn du ein anderes Layout gewählt hast musst du nur ein paar kleine Anpassungen vornehmen.

Gehe einfach oben auf Layout und anschließend oben rechts auf "anderes Layout auswählen".

Die Bilder werden nicht auf den Server geladen.
Hier nur ein kurzer Auszug.

Bilderalbum nach dem Veröffentlichen nicht vorhanden
Bilder werden online nicht mehr geladen
Bilder Werden nicht angezeigt!

Liebes Zeta Team,
ich hatte eigentlich gehofft das sich dieses Problem mit der Version 13 erledigt hat.
Leider tritt dieses Problem sehr oft auf. Hier besteht dringender Handlungsbedarf.
Bei größeren Websites wie der meinen ist das ganze ein Gedultsspiel...
Neukunden werden sicher ganz schnell bei der Konkurenz nachschauen sobald sie merken das ihre Bilder nicht hochgeladen wurden...

Du kannst das ganze aber für die mobile Ansicht wieder zurück setzen. LINK

<style>
.zp13slider-caption {
width: 30%!important;
margin-left: 60%!important;
}
@media (max-width: 669px) {
 .zp13slider-caption {
width: 100%!important;
margin-left: 0!important;
}
</style>

oder ganz ausblenden

<style>
.zp13slider-caption {
width: 30%!important;
margin-left: 60%!important;
}
@media (max-width: 669px) {
.zp13slider-caption {
display:none;
}
</style>

Zitat von nemessis

hallo, ich meine das unter dem link der text aufgeht...

Ja, genau das meinen wir auch.

Zitat von nemessis

Hallo, mit welchem Widget macht man diesen Texteffekt: https://www.kapfer-gbr.de/faq-01.php#a5189

Widget > Text & Bild > FAQ

Ist eigentlich gar nicht so kompliziert. BEISPIEL

• Gehe zum Layoutdesinger und stelle das Logo auf Position rechts.
• Füge unter dem Header das Widget "Naviogationsmenü" ein, stelle es auf Ausrichtung links und füge per Inline-CSS "margin-top:-30px;" ohne die Gänsefüßchen ein.
• Gehe zu Einstellungen > CSS und füge dort folgendes ein:

<style>
.navbar .nav {
display:none;
}
</style>

Zitat von Christian12045

Inhalt : Fehlt mir immer noch, das man wenn man Text nimmt die grö0e des Textfeldes in Px angeben kann.

Wenn du im Widget Text unten auf das Mischpult und anschließend auf Mehr gehst kannst du im Feld Inline-CSS eine Größe bestimmen.
zum Beispiel:

height:300px;

Im responsiven Layout solltest du aber anschließend durch verkleinern des Browserfensters überprüfen wie sich das auf die Darstellung auf kleineren Bildschirmen auswirkt.

Zitat von BudFox247

Hallo Mario,
Hast Du ein Tutorial wie man vorgehen sollte?

• Das Bild für die Imagemap und eventuell die Vorschaubilder der Hotspots auf den Server laden. So geht das
• Den CSS-Code einbinden. So geht das
• Den Quelltext einbinden. So geht das
• Den CSS-Code und den Quelltext an deine Bedürfnisse anpassen

Hallo BudFox247,

"Hotspots" in Bildern (Imagemaps) sind in der Regel nicht responsive.
HIER habe ich ein Beispiel aufgezeigt wie man das auch responsive umsetzen kann.

Eventuell hilft das HIER.

Hallo Sigmar,

<a href="javascript:history.back()">ZURÜCK</a>

Der sollte eigentlich funktionieren.

Eventuell einmal so probieren:

• Hintergrundgrafik im Layout ausblenden
• Eine Hintergrundgrafik von mindestens ca. 2000x1150 Pixeln gut komprimiert mit einem externen Programm hochladen. Wie HIER beschrieben.
• Die Hintergrundgrafik wie HIER beschrieben einbinden.

Ich hatte bereits kurz nach erscheinen von "ZETA-Producer 13" eine Mail an den Support geschickt mit dem Hinweis das im Layout "Producer-Responsive" der Hamburger-Button nicht übernommen wird. Es wird immer der Text-Button angezeigt.
Wahrscheinlich ist die Mail einfach untergegangen.

Da das Thema jetzt hier wieder zum Vorschein kommt habe ich mal einige responsive Layouts durchgetestet. Von 6 getesteten Layouts zeigen 6 den Text-Button an wenn der Hamburger-Button gewählt ist.