Prima, sehr schöne Seite.
Aber dein Hintergrundbild passt sicher nur bei der Auflösung die du an deinem PC verwendest. (siehe Anhang)
Eventuell habe ich da noch einen Tip für dich.
Welche Zeta-Version verwendest du?
Welches Layout?
Wie hast du das Bild eingebunden?
Der 3. Ordner von oben sollte https://community.zeta-producer.com/www.erlebnisexkursionen.at heißen?
Probiere folgendes:
Veröffentlichen > FTP-Server konfigurieren hier gibst du unter Zielordner dies ein:
/http://www.erlebnisexkursionen.at/
Dann auf weiter. Wenn der Test von Zeta erfolgreich war gehst du auf:
Veröffentlichen > komplette Website veröffentlichen
Wenn Zeta fertig ist die Seite im Browser öffnen und eventuell die Seite aktualisieren (neu laden)
Ok, wie heißt der Ordner "www..." vollständig?
Sieht soweit alles korrekt aus. Nur beim Zielordner bin ich mir nicht sicher weil ich den Provider nicht kenne.
Schau mal in FileZilla ob die gefundene index.html in irgend einem Ordner liegt oder ob der übergeordnete Ordner einfach nur "/" heißt.
Eventuell auch davon einen Screenshot.
Wenn ich nachschaue ist eine html erreichbar, eine php nicht:
http://www.erlebnisexkursionen.at/index.html
http://www.erlebnisexkursionen.at/index.php
Doppelklick auf die Startseite, im sich öffnenden Fenster auf Google.
Steht da etwas im Feld Ordner?
Was steht denn da für ein Datei-Name und welche Endung?
Gehe zu Veröffentlichen > FTP-Server konfigurieren.
Mache einen Screenshot vom sich öffnenden Fenster (Taste Drucken fügt den Bildschirminhalt in die Zwischenablage).
Benutzername unkenntlich machen und hier posten.
Den Menübaum gibt es immer dann wenn eine Hauptseite auch Unterseiten enthält. Sind keine Unterseiten enthalten wird der Baum ausgeblendet weil er ja nicht benötigt wird.
Wenn ihr diesen Menübaum los werden wollt wechselt am besten zu einem neueren Layout, das ist in diesem Layout so gewollt weil der User so mehr Übersicht hat. Und falls ihr euch dazu entschließen solltet zu wechseln nutzt ihr besser eines das im Namen "Responsive" enthält.
Bei der Möglichkeit die Breite des Verzeichnissbaums zu ändern um mehr Platz für den Content zu schaffen kann ich dir leider auch nicht helfen. Eventuell hat da der Jochen eine Idee.
Ich hatte erst eine Idee, diese hat aber leider nicht funktioniert, dieses Layout ist halt nicht das neueste.
Ich würde so vorgehen:
Für den Belegungsplan würde ich folgenden Code verwenden:
<iframe src="https://zimmer.im-web.de/belegungskalender.php?id=6556&f=12241&objekt_id=15464&bg2%5Banzahl_monate%5D=4" name="iframe" width="100%" height="640" frameborder="0" scrolling="auto"></iframe>PS: Der Screenshot stammt aus Chrome. In Firefox kann ich alles nachvollziehen. Ich schau mal ob mir etwas einfällt.
Wo muss ich genau klicken?
Ich habe wie in deinem Screenshot Sept.2015 gewählt. Da passt alles bei mir, siehe Anhang.
Hallo Christian,
bei mir wird der Belegungsplan in Chrome, Firefox und Internet Explorer in voller Breite angezeigt. Lediglich in der Höhe wird ein Scrollbalken angezeigt, dies könntest du einfach ändern in dem du die Höhenangabe etwas erhöhst.
Allerdings ist in deinem Code schon eine Angabe die den iFrame verkleinern soll, eventuell nutzt du einen älteren Browser der diese Angaben nicht erkennen kann. Du könntest auch zum Test den Wert für die Skalierung etwas herunter setzen.
<center><iframe src="https://zimmer.im-web.de/belegungskalen…ahl_monate%5D=4" frameborder="0" height="580" style="zoom: 0.98; -moz-transform: scale(0.98); -moz-transform-origin: 0 0; -o-transform: scale(0.98); -o-transform-origin: 0 0; -webkit-transform: scale(0.98); -webkit-transform-origin: 0 0 scrolling=" width="720"></iframe></center>
Hallo Horst,
probiere folgendes in dieser Reihenfolge:
Hallo,
Dazu sind noch weitere Informationen nötig.
Wie Uwe schon schrieb ist es natürlich nur im Content des iFrame selbst möglich die Darstellung Responsive zu gestalten.
Wenn dies möglich ist hast du aber noch das Problem das das iFrame-Fenser selbst nicht Responsive ist.
Ich habe mich mal daran versucht. HIER
Unglaublich gut so was. Das sieht sehr professionell aus! Lob an alle die so etwas basteln! Danke!
Da gibt es meines Wissens bisher nur einen HIER
Du findest in jedem Widget-Order vom Thomas auch eine Datei mit Installation-Anweisungen.
Hallo Aaron,
da muss ich dir etwas widersprechen.
Auf Ihrer Seite zeta-producer.com/de/beispiele.html wirken die erstellten Websites in der Tat individueller, allerdings wird hier "verschwiegen", dass es sich bei vielen der erstellen Internetseiten nicht um solche handelt, die eine optimierte Darstellung auf Mobilgeräten aufweisen!
Um mir dieses Urteil zu bilden, habe ich die gezeigten Websites vorab überprüft. Bei Bedarf führe ich gerne eine Liste über die betreffenden Websites auf, die kein responsive Webdesign haben.
Diese Liste brauchst du nicht zu erstellen weil alle responsiven Layouts im Namen den Zusatz "Responsive" haben. Ich finde das ist eindeutig.
Selbst wenn man die Varianten der 7 responsiven Templates in Betracht zieht (ich habe sämtliche ausprobiert und bin zu keinem Ergebnis gekommen, das mich überzeugte), ist die Individualität eingeschränkt und Sites anderer Nutzer bleiben zu ähnlich.
Ich finde die Möglichkeiten über den Layout-Designer ziemlich umfangreich.
Folgende Seiten wurden mit Producer-Responsive erstellt. Ich finde nicht das die sich sehr ähneln.
Landgasthof Probsteizella
Pferdezuchtverein Westthüringen
Ambiente Eventfloristik
Codeschnipsel
Sehr schön, funktioniert beides. Danke für den schnellen Support. 
Ich habe noch einen kleinen Fehler gefunden:
Wenn ich die Kopfgrafik aus skalierend stelle wird diese auch ordnungsgemäß skaliert. Der Container aber verhält sich so wie der Einstellung Zentriert.
Zur Verdeutlichung diesen LINK öffnen und das Browser-Fenster in der Breite verkleinern.
Ja es ist dieser Teil. Wenn ich dies in der erstellten Seite händisch entferne passt alles wieder.
Das Problem ist das ich diesen Teil nicht eingefügt habe sondern scheinbar bei der Konvertierung hinzu gefügt wird.
Ich kann diesen Teil nicht finden, gesucht in den Attributen mobile_script, additional_meta, additional_css, google_analytics und unter Einstellungen > CSS
Dieser Teil wird scheinbar bei der Konvertierung hinzu gefügt:
#searchform{
position: absolute;
z-index: 1;
right: 0;
}
.navbar ul.nav{
margin-right: 40px;
}
@media (max-width: 979px) {
#searchform{
width: 100%;
padding: 0 15px;
position: relative;
left: auto;
right: auto;
top: auto;
box-sizing: border-box;
}
#searchfield {
max-width: 100% !important;
width: 100%;
height: 30px;
float: none;
margin: 0;
position: relative;
box-sizing: border-box;
}
#searchform:hover #searchfield, #searchform:focus #searchfield, #searchfield:hover, #searchfield:focus{
width: inherit;
min-width: inherit;
padding: inherit;
}
#searchbutton{
right: 21px;
}
}OK, das heißt, es bleibt nur der Fehler mit dem Fehlenden rechten Pfeil-Icon in der Kopfgrafik?
Naja das Problem bleibt ja bestehen, ob dies nun ein Fehler ist lasse ich mal so dahin gestellt ;).
Ich habe jedenfalls das Projekt 1zu1 so aus 12.2 konvertiert und in 12.5 habe ich dann den Umbruch. Ich könnte dies zwar durch verkleinern der Schrift im Haupt-Menü ändern, aber da wird es mit der Leserlichkeit eng.
Ich habe wie bereits beschrieben bei meinen Tests mit einem neuen Projekt diesen "Fehler?" nicht reproduzieren können. Schlussfolgerung war das es wohl an meinen Änderungen liegen kann also habe ich testhalber alle CSS-Angaben gelöscht. Auch ohne Erfolg.
Was ich mir noch vorstellen könnte ist das es einen Zusammenhang mit dem Logo gibt?
Wurden in "Producer Responsive" irgend welche Margin oder Padding-Werte geändert?
PS: In Post1 habe ich geschrieben das das Menü in "12.5" 8 Pixel nach rechts verschoben ist. Das ist so nicht richtig, sondern im Gegenteil wird das Menü um 8 Pixel nach links verschoben, das wird in Bild1 des ersten Bildes deutlich. Trodsdem wird das Menü vorzeitig umgebrochen, warum auch immer. Die Abstände zwischen Links bleiben aber gleich.
Hier nochmal der Vergleich: 12.212.5 . Wenn man beide Seiten öffnet und hin und her schaltet kann man das gut sehen.
Nochmal PS: Ich weiss das dies ein spezieller Fall ist und ihr im Moment andere Dinge um euch habt ;). Ich kann dieses Projekt auch noch später Umstellen, also keine Eile ;).
Ich habe mal eine Testseite erstellt und hochgeladen.
Den 2. Fehler konnte ich reproduzieren. den Fehler mit dem Umbruch leider nicht.
Zella.de lädt noch hoch.
Nein, könnte ich bei Bedarf aber heute Abend nachholen.
Ich habe 2 Probleme nach dem konvertieren aus 12.2 nach 12.5 in Producer Responsive festgestellt.
Bilder zur Verdeutlichung im Anhang.
Ich habe nun 7 Projekte konvertiert, teilweise ziemlich groß und mit vielen eigenen Anpassungen.
Ab und an kam auch mal eine Fehlermeldung oder ein Programmabsturz. Wurde aber alles konvertiert.
Meine Ausgangsversion war 12.2.0
Habt ihr 12.2 auch vor den konvertieren geschlossen?
Hallo,
nun das kommt ganz darauf an. Hier eine kleine Übersicht der Tablet-Auflösungen.
Deine Hauptseite wird ab einer Auflösung von 1352 Pixeln beschnitten. Es würde also Sinn machen ab einer Breite von 1300 Pixeln umzuleiten.
Wenn die Sidebar nicht so wichtig ist ab einer Breite von 1112 Pixeln.
Hallo Omrun,
natürlich kann man den vorhandenen Webserver auch einfach ändern so wie du es jetzt getan hast, bzw. von Goneo machen lassen hast.
Der Grund warum ich dir geraten habe erst einen neuen Webserver anzulegen die Seite hochzuladen und anschließend den alten zu löschen ist ganz einfach der das falls ein Fehler unterläuft nicht alles weg ist.
Das war also mit Sicherheit kein falscher Rat sondern einfach eine Sicherheitsmaßnahme.
PS: Du kannst die Angaben auch direkt im Editor machen. Umschalten auf Quelltext und dann <div class="hg"> voransetzen und am Ende </div>.
Damit der Text nicht so am Rand klebt fügst du dem ersten Code vor der letzten Klammer noch einen padding-wert hinzu.
Das sieht dann so aus:
<style>
.hg {
background-image: url("http://www.zella.de/0ambiente/bilder/hg-hochzeit.jpg");
background-position:center;
background-size:cover;
padding:20px;
}
</style>Öffne das Attirbut mobile_script. Beschreibung
Füge dort folgendes ein:
<style>
.hg {
background-image: url("http://www.zella.de/0ambiente/bilder/hg-hochzeit.jpg");
background-position:center;
background-size:cover;
}
</style>Nimm deinen Textartikel, schalte auf Quelltext anzeigen und kopiere den Inhalt in die Zwischnenablage.
Neues widget "Quelltext" mit fogendem Inhalt:
<div class="hg">
Inhalt der Zwischenablage
</div>Ich habe das ganze geprüft. An dem "Nach Oben" Code liegt es nicht.
Ohne Code
Code mit Klammer
Code ohne Klammer
nur Code in mobile_script aber keiner im Inhaltsbereich, so wie es scheinbar jetzt auf der Seite gra-mbh ist.
Wenn du weiter keine Änderungen vorgenommen hast gehe mal so vor wie hier beschrieben.
Dann einfach Rechtsklick auf mobile_script > löschen > Attribut löschen > ok
Wie oben im Screenshot zu sehen auf den Reiter "Attribute" gehen und den Haken bei "alle anzeigen" setzen.
Nun kannst du das grau hinterlegte mobile_script unter Standard finden. Mit Doppelklick wird dieses aktiviert.
Welche Version von Zeta-Producer verwendest du?
Darauf achten, das bei den Attributen "Alle anzeigen" ausgewählt ist.
Welche Version von Zeta-Producer verwendest du?
Ich würde die eingerichteten Webserver erst löschen wenn der Webserver auf dem Hauptverzeichnis (das Hauptverzeichnis ist htdocs) funktioniert.
Du gehst oben auf "neuen Webserver anlegen" hier gibst du folgendes an:
Dann das ganze noch einmal:
Jetzt in Zeta "Komplette Website veröffentlichen"
Wenn deine Seite nun unter "http://www.fewojordan-altesland.de" und "fewojordan-altesland.de" erreichbar ist kannst du die beiden "Webserver Ferienwohnung" löschen, musst du aber nicht unbedingt.
FileZilla:
Doppelklick auf die Zip-Datei sollte den Ordner öffnen. Darin sollte sich eine ....exe Datei befinden, Doppelklick darauf installiert das Programm.
Nun musst du hier wieder deine FTP-Daten eingeben:
Jetzt bin ich verwirrt 
Willst du die Seite jetzt im Hauptverzeichnis oder im Ordner Ferienwohnung haben?
Zum Verständnis: Zeta legt die einzelne Seite ferienwohnung.html nicht in einem Ordner ferienwohnung ab sondern im Hauptvereichnis.
Was mir oben im Screenshot auffällt ist eine falsche Angabe im Servername. Du findest diesen bei Goneo unter dem Menüpunkt "Servernamen > FTP".
Unter Zielordner gib mal ein: /htdocs/
Ja, du musst einfach das Ferienwohnung hinter /htdocs/ raus nehmen und dann nochmal die Seite komplett hochladen. Das ist dann schon alles.
Allerdings hast du deine Seite dann doppelt veröffentlicht http://www.fewojordan-altesland.de/Ferienwohnung/ und http://www.fewojordan-altesland.de.
Den Ordner Ferienwohnung solltest du löschen. Dazu lädst du dir am besten das Programm FileZilla runter. Dann kannst du auch sehen wie die Struktur auf dem Server aussieht, das hilft um manches besser zu verstehen.
Dann kannst du auch schauen ob du den Webserver noch löschen kannst. Logge dich bei Goneo ein, der 3. Menüpunkt (Webserver) wenn hier ein Eintrag /htdocs/Ferienwohnung steht kannst du das einfach löschen.
Hallo Urs,
du kannst das in Zeta ganz einfach lösen.
Gehe auf Layout > Kopfgrafik
Setze die bei Text Schriftgröße auf den gleichen Wert wie bei der Überschrift, dürften 36pix sein.
Unter Hyperlinks setzt du ebenfalls die Werte von der Überschrift ein.
Schriftgewicht normal
Linkfarbe #FFFFFF
Textauszeichen keine
Linkfarbe #FFFFFF (hier würde ich #cccccc bevorzugen)
Textauszeichen keine
Nun lässt du in deiner Kopfgrafik die Überschrift weg und gibst diese im Feld Text ein nun verlinkst den Text entsprechend.
Die ganze Kopfgrafik verlinken geht leider nicht.
Ich habe meine Seite um einige Effekte erweitert: HIER
Das ist wohl in Textile Responsive so angedeacht.
http://www.zeta-producer.com/de/layout-prev…xtileresponsive
Das kann man so Pauschal nicht beantworten, weil dies bei jedem Provider anders funktioniert.
Eventuell hilft dir das weiter:
Hallo Bademeister,
mit einem kleinen Trick kannst du Text überall auf der Seite einblenden.
Erstelle einen neuen Artikel Quelltext ,füge den unten stehenden Code ein und passe ihn an deine Bedürfnisse an.
Es kann sein das der Teil in der Zeta-Vorschau nicht angezeigt wird, in der Browser-Vorschau schon.
Die erste Zeile gibt die Position an,
"top:200px;" musst du so anpassen das der Text unter dein längstes Untermenü passt.
"left:50%;" mittig im Browser
"margin-left: -450px;"ab dieser mittigen Position nach links verschobnen (sollte für Personal mit -450px passen)
Zeile 2 einfach so übernehmen da sonst die Formatierung nicht funktioniert.
Zeile 3 hier vergibst du die Schriftfarbe
Der Rest ist selbsterklärend <br> sorgt für den Textumbruch.
<div style="position: absolute; top:200px; margin-left: -450px; left:50%;>
<p><span style="color: #000000"> </span></p>
<p><span style="color: #ffffff">
Paul Mustermann<br>
00000 Musterstadt<br>
Musterstraße 00<br>
Tel: 00000000<br>
Fax: 00000000<br>
</p>Was soll ich mit dem Quellcode anfangen? Wäre nett, wenn ich wüsste wie ich den einfüge...
Ich habe das nochmal genauer beschrieben: Text über Bild
