Da war ich wohl etwas vorschnell.
Stefan S hat natürlich recht. Dies könnte durchaus zu Darstellungsproblemen führen.
Aber folgendes sollte funktionieren und hat keine Auswirkungen auf andere Darstellungen im Layout.
Oh sorry, ich hatte nicht bemerkt um welches Layout sich handelt, es steht ganz groß in der Überschrift. 
In diesem Layout ist ein Padding für Randlos vorgesehen. Das kann man aber mit folgendem CSS abändern.
Einstellungen > CSS
<style>
div.zpgrid .zpBreakout {
padding: 0 0;
}
</style>Ups, was ich vergessen habe zu erwähnen. Dem Widget Quelltext muss hier noch die CSS-Klasse zpBreakout zugewiesen werden.
Das Bild bei Auflösungen die größer sind als das Bild selber zu strecken wäre mit etwas HTML zu lösen.
Folgendes sollte funktionieren.
Viel geschrieben, ist aber schnell erledigt. 
Den CSS-Code wie oben beschrieben unter Einstellungen > CSS einfügen (nichts ändern).
Warum kannst du keine Wdgets hinzufügen?
Gehst du so vor wie HIER beschrieben? Was genau funktioniert dabei nicht.
Immer wieder lese ich hier das ein großes Problem besteht weil kein Backup vorhanden ist. Das ist wirklich ein großes Problem welches sich aber leicht umgehen lässt.
Zeta Producer bietet hier eine Möglichkeit die bestens funktioniert. Allerdings muss man dies immer Händisch machen und das vergisst man leicht, bzw. der Mensch ist einfach zu faul dazu. Dies soll auch auf gar keinen Fall eine Kritik an Zeta Producer oder uns faule Meschen sein, ganz im Gegenteil, andere Software-Hersteller bieten gar keine Möglichkeit und diese von Zeta Producer funktioniert bestens.
Aber jetzt zum Thema,
aber, aber ... schon wieder, bevor ich zum Thema komme muss ich hier noch einmal ganz ausdrücklich betonen das ich hier keine Werbung für ein Product mache, sondern meine ganz persönlichen Erfahrungen preis gebe.
Es gibt ja Backup-Software, und diese wird in meinem Augen mittlerweile zu Dumping-Preisen verkauft.
Vor ein paar Jahren habe ich den Marktführer "ACRONIS TRUE IMAGE" gekauft. Das hat zwar grundsätzlich gut funktioniert. Aber die Performance des PC während eines Backups war nicht zufriedenstellend. Da ging gar nichts, ACRONIS hat wohl den gesamten Arbeitsspeicher für sich beansprucht. Das ist allerdings schon ein paar Jährchen her und ich kann nicht sagen ob sich das verbessert hat.
Also habe ich ein wenig recherchiert und habe ein günstiges Angebot von "ASHAMPOO BACKUP" gefunden. Dieses läuft jetzt bei mir auf 3 PCs seit ca. 3 Jahren ohne irgendwelche Probleme.
Natürlich muss ich hier auch erwähnen das es weitere Software von PARAGON, NOVABACKUP, O&O und weiteren Herstellern gibt die ich nicht getestet habe und sicher genau so gut funktionieren.
Ihr könnt in der Backup-Software einstellen wann das Backup gemacht wird, und wie dies geschieht. Hier müsst ihr euch ein wenig durchlesen um für euch die optimale Backup-Variante zu finden.
Wenn Ihr den Ordner C > Benutzer > Benutzername > Dokumente > Zeta Producer xx sichert sind alle euere Projekte gesichert und nach einem Crash könnt ihr diese nach Neuinstallation einfach wieder dort platzieren.
Bei mir rasselt "ASHAMPOO BACKUP" jede Nacht auf 3 PC durch inkl. aller Bilder und geschäftlicher Dokumente. Am nächsten morgen habe ich eine Mail auf dem Tisch das alles problemlos gelaufen ist.
Hier das Aktuelle Angebot von ASHAMPOO Pro 12, ich nutze noch die 11er Version.
Ich habe damals zum Black Friday um die 30.00 € für drei PC Licensen gezahlt.
Wie Thomas schon schreibt bleiben offiziell nur diese Möglichkeiten.
Wenn du keine Erfahrungen mit CSS hast würde ich dir auch dazu raten, den Button im Inhaltsbereich zu platzieren,
Natürlich konnte ich es nicht lassen ...
Folgendes CSS platziert den Button weiter unten und grösser. Weiterhin wird der Button für die optimale Mobile-Ansicht wieder verkleinert.
In wie weit "Links" der Button ausgerichtet wird bestimmt die Einstellung der Seitenbreite.
Wenn du das CSS anpasst musst du am Desktop das Browser-Fenster verkleinern und alle möglichen Mobilen Darstellungen durchtesten.
Einstellungen > CSS
<style>
.flex-caption {
position: absolute;
top: 80%;
font-size: 32px;
}
@media (max-width: 769px) {
.flex-caption {
font-size: 22px;
}}
@media (max-width: 449px) {
.flex-caption {
font-size: 14px;
}}
</style>Das ganze sieht dann so aus. LINK
Bein abspeichern unter: Erweiterte Einstellungen > Auto-Play > Little-Planet-Intro den Haken setzen.
Hanabi , du hattest wohl recht das eine Thema zu schließen. Nun schreiben wir doppelt
Das hochladen in nur einen Ordner kann funktionieren ist aber sehr aufwendig und nur für versierte Nutzer zu empfehlen. Hier müssen nicht nur Dateinamen geändert werden, sondern auch so einige Verlinkungen innerhalb der Dateien.
Du solltest folgendermaßen vorgehen.
Nun sollten deine Panos unter folgenden Adressen aufzurufen sein:
Bein mir sieht das zB. so aus:
Wo befindet sich denn der Button und wo soll er hin?
Müsste man online sehen oder zumindest einen Screenshot.
Bezugnehmend auf den geschlossenen Thread.
Ich habe das gerade mal durchgespielt.
Bei einem so großen Logo ist es schwierig für das Layout das entsprechend anzupassen. Kommt ja immer auf verschiedene Faktoren an.
Wenn man das online sehen könnte, oder zumindest das Logo, kann man das sicher mit etwas CSS anpassen.
Zu deiner eigentlichen Frage:
Einstellungen > CSS
<style>
@media (max-width: 1000px) {
#logo img {
display: none;
}}
</style>"max-width: 1000px" gibt an das unter Bildschirmbreite von 1000 Pixeln das Logo ausgeblendet wird.
Bei meinem Test funktioniert alles.
Unter http://www.elite-zuzwil.ch/ sowie unter http://www.elite-zuzwil.ch wird jeweils die Startseite aufgerufen.
Allerdings sollte das eigentlich nicht funktionieren weil du deine Startseite "startseite.html" benannt hast, diese muss aber "index.html" benannt werden.
Du solltest also deine Starseite umbenennen in "index.html".
Deine Startseite http://www.elite-zuzwil.ch/startseite.html sollte eigentlich unter http://www.elite-zuzwil.ch/index.html zu finden sein.
Gerade getestet.
Im Layout-Designer unter Logo > Topline den Wert herab setzen.
Das Mobile-Menü wird wie erwünscht angezeigt und funktioniert.
Der Spalte muss man einen Namen geben, das möchte ich nicht. Lässt sich das verhindern?
Du kannst der Spalte einen Namen geben und unter "Stile" den Tabellenkopf ausblenden.
Du solltest das so machen wie vom Thomas beschrieben.
Um den Hintergrund einzufärben gehst du folgendermaßen vor.
Ich habe ein Lösung genommen wo der Hintergrund nicht die volle breite annimmt, sieht bestimmt besser aus.
Gehe zum Layoutdesigner > Logo > Topline, hier gibst du 120 ein. Darunter "Position > Abstand Links" gibst du 0 ein.
Gehe zu Einstellungen > CSS und kopiere dort folgendes ein.
<style>
#webinfo {
background-color:rgba(255, 255, 255, 0.8);
padding: 0 50px;
border-radius: 10px;
}
</style>Damit das besser zu deinem Layout passt habe ich wie im Inhaltsbereich das Weiß leicht durchscheinend gestaltet und Runde Ecken hinzu gefügt.
Das kannst du natürlich abändern.
Das ganze würde dann so aussehen. LINK
Ich verstehe zwar nicht den Sinn einen Slider zu verwenden um ein Logo einzubinden.
Aber folgendes CSS sollte die Abstände und Hintergrundfarbe im Headerbereich wo du den Slider eingebunden hast anpassen.
<style>
#banner {
background-color: transparent;
padding: 25px;
}
</style>Finde ich jetzt nicht so berauschend ZP für deine eigenen Fehler verantwortlich zu machen.
Den Umbruch nach "unmöglich" hast du doch selber eingefügt, und davor noch ein Leerzeichen.
Die Silbentrennung kann man im Layout-Designer unter Allgemein > Schrift abschalten.
Grundsätzlich sollte alles passen sofern kein kopiertes Layout zum Einsatz kommt.
PS: Auch für die mitlesenden.
Ich sehe im CSS auf vielen Seiten immer sehr viele "<style></style>". Diese Angabe braucht ihr eigentlich nur einmal.
Also anstatt:
<style>
CSS für dieses
</style>
<style>
CSS für jenes
</style>
<style>
CSS für Dingsbums
</style>
Besser so:
<style>
CSS für dieses
CSS für jenes
CSS für Dingsbums
</style>
Mit folgendem CSS kannst du die H3 Überschrift und den Text im Header für kleine Bildschirme anpassen.
Die Größen habe ich schon für deine Bedürfnisse angepasst, kannst du natürlich noch ändern.
Die Seitenbreiten würde ich so belassen weil diese auch die Seitenbreiten sind welche im Layout verwendet werden, somit werden diese überschrieben.
Einstellungen CSS:
<style>
@media screen and (max-width: 1064px) {
#slider h3 {font-size: 4.5rem;}
#slider {font-size: 1.1rem;}
}
@media screen and (max-width: 736px) {
#slider h3 {font-size: 2.5rem;}
#slider {font-size: 1.0rem;}
}
</style>Hallo Mario,
Das widget Slider habe ich als Header benutzt, aber der Text unter dem Bild wird nicht angezeigt.
HIER mal das Browserfenster am Desktop verkleinern und den Text beobachten.
Sorry, habe die letzte Stunde damit verbracht dir einen neuen Code zu schreiben.
Erst mal zu den Abständen, Stefan hatte geschrieben "von pixelgenauer Platzierung verabschieden". Wenn du das machst rutscht der Menü-Button auch nicht in das Logo.
Im Layout-Designer unter Logo / Hauptmenü bei Abstand horizontal anstatt 150px mal 10% angeben dann passt das und am Desktop schaut es genau so aus.
Aus dieser Grundlage auch der neue Code.
Einstellungen CSS:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
header {
padding-top:30px;
}
.topbarzp {
position:fixed;
left:0;
top:0;
height:30px;
width:100%;
background:#F7D808;
padding: 4px;
z-index:30000;
}
.spaltentopbarzp{
float: left;
padding-left: 10%;
}
a.linktopbarzp {
color: #000 !important;
text-decoration: none;
font-size: 14px;
text-align: center;
text-decoration: none;
padding-right: 20px;
font-weight: bold;
}
a.linktopbarzp:hover {
color: #660000 !important;
text-decoration: none !important;
}
@media (max-width: 778px) {
a.linktopbarzp span {
display: none;
}}
.icon {
font-size: 16px;
position:relative;
top:2px;
padding-right:7px;
}
</style>Erweitert > Attribute > Standard > body_start
<div class="topbarzp">
<div class="spaltentopbarzp">
<a class="linktopbarzp" href="tel:+491234555555"><i class="fa fa-volume-control-phone icon" aria-hidden="true"></i><span>+491234555555</span></a>
<a class="linktopbarzp" href="mailto:webmaster@testseite.com"><i class="fa fa-envelope-o icon" aria-hidden="true"></i><span>test@testseite.com</span></a>
<a class="linktopbarzp" href="https://goo.gl/maps/3eSCZpeq6nv" target="_blank"><i class="fa fa-map-marker icon" aria-hidden="true icon"></i><span>Anfahrt</span></a>
</div>
</div>Einen zweiten Ort mit Map-Symbol kannst du einbinden.
Zur Textdarstellung im Header. Da kann auf einem kleinen Bildschirm immer nur das das angezeigt werden was rein passt. Deshalb werden hier die Scrollbalken angezeigt. Das ist Responsive. Schick finde ich das auch nicht.
Abhilfe kann hier schaffen:
Zum Counter. Kann ich versuchen aber nichts versprechen.
Was spricht denn dagegen, das ganze etwas einfacher gehalten mit Bordmitteln zu lösen und dafür den Banner-Bereich zu nutzen und dessen zu große Höhe ggf. mit etwas CSS anzupassen?
Stefan S , wir hatten das hier schon einmal LINK. Da es dazu keine Lösung gab bin ich zu dieser Variante übergegangen. Ob sich das mittlerweile anders verhält habe ich noch nicht getestet.
Hier der angepasste Code nach deinen Wünschen und für dein Layout. Farbcodes, Links, Text usw. musst du natürlich noch anpassen.
Die Topbar, dreispaltig "Campfire".
Einstellungen > CSS
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
header {
padding-top:30px;
}
.topbarzp {
position:fixed;
left:0;
top:0;
height:30px ;
width:100%;
background:#F7D808;
padding: 4px;
z-index:30000;
}
.spaltentopbarzp{
float: left;
width: 33%;
font-size: 14px;
text-align: center;
text-decoration: none;
}
a.spaltentopbarzp {
color: #000 !important;
text-decoration: none;
}
a.spaltentopbarzp:hover {
color: #660000 !important;
}
@media (max-width: 778px) {
a.spaltentopbarzp span {
display: none;
}}
.icon {
font-size: 16px;
position:relative;
top:2px;
padding-right:7px;
}
</style>Erweitert > Attribute > Standard > body_start
<div class="topbarzp">
<a class="spaltentopbarzp" href="tel:+491234555555"><i class="fa fa-volume-control-phone icon" aria-hidden="true"></i><span>+491234555555</span></a>
<a class="spaltentopbarzp" href="mailto:webmaster@testseite.com"><i class="fa fa-envelope-o icon" aria-hidden="true"></i><span>test@testseite.com</span></a>
<a class="spaltentopbarzp" href="https://goo.gl/maps/3eSCZpeq6nv" target="_blank"><i class="fa fa-map-marker icon" aria-hidden="true icon"></i><span>Anfahrt</span></a>
</div>Die Counter 3 Stück nebeneinander mit verschiedenen Hintergrundfarben:
Einstellungen > CSS
<style>
.title {
color: #fff;
font-size: 53px;
text-align: center;
}
.title p {
font-size: 23px;
}
</style>Erster Counter:
<div class="title" style="background-color:#006600;">
<div class="box" data-duration="5000">
5000
</div>
<p>Menschen</p>
</div>Zweiter Counter:
<div class="title" style="background-color:#000066;">
<div class="box" data-duration="5000">
3200
</div>
<p>Zombies</p>
</div>Dritter Counter inkl. Script:
<div class="title" style="background-color:#660000;">
<div class="box" data-duration="5000">
1200
</div>
<p>Werwölfe</p>
</div>
<script>
$('.box').each(function () {
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: Number($(this).attr("data-duration")),
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
</script>Ich schreibe dir einen Code für deine Seite. Etwas Geduld bitte.
Ich bin auch nicht sonderlich angetan. 
Für mich hat die Vererbung immer bestens funktioniert.
Wenn man HTML-Code hat funktioniert das so wie vom Thomas beschrieben.
Ich würde so vorgehen:
Für HTML oder Scripte die auf allen Seiten eingefügt werden sollen ist diese Methode sicher besser als über das Widget Quelltext zu gehen. Will man den Code auf einzelnen Seiten nicht anzeigen so kann man diesen über die seitenbezogenen Attribute löschen, im Seitenbaum Doppelklick auf die entsprechende Seite > Attribute
Wer allerdings Bilder, Text oder andere Widgets vererben will der hat bei umfangreichen Seiten viel Arbeit vor sich oder muss dieses auch über HTML-Code tun.
Ich bin mir nicht sicher ob ZP beim konvertieren die Seiten neu erstellt.
Probiere mal:
Als letzen Artikel auf der Seite. Wichtig ist nur das das Script nach den anderen eingebunden wird. Du kannst es auch mit in dem letzten Widget unterbringen wo du den Counter eingebunden hast.
Wenn du Farben, Zahlen, Text und das verwendete Lauaut hier postest kann ich ich dir das auch noch anpassen und testen.
Habe gerade mal getestet. Bei mir funktionieren die Links. Outdoor Responsive
Eine "Undo-Funktion" gibt es nicht.
Aber einen Papierkorb und die Möglichkeit Snapshots zu erstellen.
Zu 1.: Oben Rechts auf den Button "Einfügen: an/aus".
Zu 2.: Habe ich nicht so recht verstanden. Eventuell so etwas? LINK
Viel wichtiger ist aber folgende Fehlermeldung (rot) – das andere waren nur Warnungen (orange):
Fehler - Widget 'ticker' oder Widget-Template 'standard' nicht gefunden.
Das bedeutet, dass Sie im Projekt ein Fremdwidget mit Namen "ticker" nutzen, das in Version 15 noch nicht installiert wurde. Zu Fremdwidgets bieten wie aber keinen Support.
ZP schließen, den kompletten Ordner "widgets" aus C:\Users\Benutzername\Documents\Zeta Producer 14\ kopieren und in C:\Users\Benutzername\Documents\Zeta Producer 15\ einfügen.
Somit sollten alle Fremdwidgets installiert sein. Nun ZP15 öffnen und die Projekte aus ZP14 konvertieren.
Stefan S das Stimmt natürlich auch wieder.
jenders 4 DJ , ich stand damals vor dem gleichen Problem und habe das so gelöst. zella.de
Folgendermaßen bin ich vor gegangen.
Einstellungen CSS:
/****************************** LOGO ******************************/
.llogo {
position: absolute;
top:20px;
margin-left:-275px;
left:50%;
width:550px;
height: 87px;
z-index:6100;
}
@media (max-width: 979px) {
.llogo {
width:400px;
height:63px;
margin-left:-200px;
top:32px;
}}
@media (max-width: 650px) {
.llogo {
width:300px;
height:49px;
margin-left:-150px;
top:50px;
}}
/****************************** Navi Rechts ******************************/
.navbar ul.nav{
margin-right: 0 !important;
}Widget Quelltext:
<!-- LOGO -->
<div class="llogo">
<a href="https://www.zella.de" target="_self"><img title="zur Startseite" alt="" border="0" src="https://www.zella.de/bilder/logo676x107.png" alt="Logo"></a></div>Um Platz für das Logo zu schaffen hatte ich damals ein transparentes PNG als LOGO eingefügt. Heute würde ich dazu eher etwas CSS einsetzen.
Es gibt da natürlich Möglichkeiten. Aber in deinem Fall würde ich das leichter lösen.
Die Breite der Website erhöhen. Standard ist Full HD mit 1920Px breite. Somit kannst du getrost auf über 1400PX gehen, und die Tablett-Nutzer wissen durchaus mit einem Hamburger-Butten umzugehen.
Sorry Stefan S
Die Startseite würde ich lassen , gehört einfach immer.. und in das kürzere "Home" umbenennen. Auch die Kontaktdaten sollten immer Präsent sein, diese könnte man auch per "Position Absolute" im Header unterbringen. Aber ich glaube das passt auch so, und ist damit auch einfacher und ohne Fehler umzusetzen.
Schalte mal in einem anderen Projekt mit "F8" in den Spaltenmodus.
Anschießend sollte sich das Projekt öffnen lassen und du kannst die neu erstellte Unterseite löschen.