Hallo Norbert,
wie ich dir im anderen Forum schon vor ein paar Tagen geschrieben habe hast du den CSS-Code "Nach Oben" doppelt eingebunden. Damals war der Code allerdings noch nicht auf der Seite zu sehen. Ein solcher Fehler kann eigentlich nur von falsch gesetzten <style></style> oder<script></script> kommen.
Sollte auch mit folgendem CSS funktionieren.
Einstellungen > CSS
<style>
.h-date, .time {
display:none;
}
</style>Sehr gute Idee vom Thomas.
Das hat mich noch einen Schritt weiter geführt. Man könnte auf die gleiche Weise den Artikel der Sidebar ausblenden und stattdessen als ersten Artikel einblenden.
Hier ein Beispiel.
So kann man das umsetzen.
Den Artikel aus der Sidebar kopieren und als ersten Artikel in dem Inhaltsbereich einfügen.
Unter Einstellungen > CSS folgendes einfügen und je nach Layout und Seitenbreite anpassen.
<style>
@media (min-width: 768px) {
.news-inhalt{
display: none;
}}
@media (max-width: 767px) {
.news-sidebar{
display: none;
}}
</style>Anschließend erhält der Artikel der Sidebar die CSS-Klasse: news-sidebar und der Artikel im Inhaltsbereich die CSS-Klasse: news-inhalt.
Hallo Christine,
die Layouts von Zeta-Producer sind Responsive (aktuell die Modernste Form der Darstellung). Das Layout passt sich hier automatisch der Bildschirmgröße an. Du kannst das gut nachvollziehen in dem du das Browserfenster in der Breite verkleinerst. Sobald der Platz nicht mehr ausreicht springt der Inhalt der Sidebar unten. Eine 2. Variante für Mobile gibt es nicht und somit auch keinen Link.
Für wichtige Infos könntest du das Widget Reservierungs-Popup verwenden. Wenn du dich etwas mit HTML und CSS auskennst eventuell auch eine externe Lösung wie DIESE.
Kann ich im Moment leider nicht untersuchen weil ich nur mit dem Smartphone unterwegs bin.
Aber der Link vom Steffen sollte dir dabei weiter helfen.
Grunsätzlich verhält sich das folgendermaßen.
Du hast im CSS die Klasse rahmen definiert. Im Widget gehst du unten auf das Mischpult und dann auf mehr. Hier gibst du unter CSS-Klasse rahmen an. Manchmal wird ein Code nicht übernommen hier kann man mit !important nachhelfen. Das sieht dann ungefähr so aus: border-color: #7d6a55 !important;
PS: Ich nehme an der oben angeschnittene Code soll den Rahmen der Formularfelder ändern. So wie oben angegeben würde es sich aber auf den Rahmen des gesammten Formulars beziehen.
https://search.google.com/test/mobile-friendly
1. Meckert der Inhalt ist breiter als der Bildschirm. Dies könnte von den einschwebenden Containern kommen.
2. Anklickbare Elemente liegen zu dicht beieinander. Hier musst du mal schauen wo das der Fall sein könnte.
Hallo Bernd,
ich bin gerade im Urlaub und kann deine Seite nur mit dem Smartphone aufrufen.
Somit kann ich deine Seite nicht genau untersuchen. Aber ich bin mir ziemlich sicher das du ganz unten auf der Seite einen Code eingefügt hast der dafür verantwortlich ist. Die drei Flaggen und das Männlein welches nach rechts zeigt sind nicht Responsive. Deshalb wird die ganze Seite nicht mehr Responsive. Der Menü Button rutscht soweit nach rechts wie es dein Code vorgibt. Der Text im Header geht auch davon aus das deine Seite diese Breite hat. Deshalb wird der Text einfach abgeschnitten.
Wenn du also deine Flaggen und dein Männlein entweder mit Bordmitteln oder mit einem Responsiven Code einbindest sollte alles passen.
Liebe Grüße von hier aus Kenia
Auf der "Extern" Einstellung?
Ja genau. Mit welchen Layout funktioniert das nicht?
----------------------------
PS: Sorry steht ja in deiner Signatur.
..., ein Button, welcher keine Funktion hat bzw. hinter welchem kein Link steht...
Widget Button mit folgender Verlinkung erstellen:
javascript:void(0);
Hallo loci,
Ich will dir mal unter die Arme greifen. Deine Bilder haben eine Größe von 1100x734px. Eines davon ist als PNG-Datei eingefügt (1.5MB groß) mit Transparenz wozu? BILD
Ich würde eine Mindestgröße von 1920x1080 empfehlen. Als JPG kommst du dann auch weit unter die bisherige Dateigröße.
PS: Sobald der Bildschirm eine höhere Auflösung als 1920x1080px hat werden die Bilder wieder gestreckt. Ich selbst nutze für bildschirmfüllende Bilder eine Größe von 2200x1238px. Ordentlich komprimiert kommt man hier mit der Dateigröße noch ganz gut zurecht.
Was Beat sicher meint ist eine optische Darstellung.
Beispielsweise hat jemand gebucht bis zum 5. (Abreise) und jemand ab dem 9. (Anreise).
Sicher eine Überlegung für kommendes wert.
Danke Mario, aber mobil ist das script ja.....
Öffnet mobil in einem neuen Fenster damit der Nutzer den Inhalt besser händeln kann.
Der SEO-Nachteil entsteht glaube ich aber nur wenn mein eigene Inhalte in Frames packt....
Richtig. Wenn ich richtig informiert bin wird der Inhalt eines iFrames nicht von Google indiziert.
Hallo nemessis,
Frames sind out, das stimmt. Ist eventuell wegen der Bezeichnung etwas irreführend, aber iFrames haben mit Frames eigentlich gar nichts zu tun. Selbst Google stellt ja nach wie vor einen iFrame-Code zum einbinden einer "Mapps Seite" zur Verfügung.
Nachteilig ist die Bedienung deines Buchungsmodules am Smartphone.
Alternativen wären:
Da verhindert wohl ein Script das einbinden der Seite.
Das ist übrigens hier im Forum ebenfalls integriert.
So könntest du zB. vorgehen.
Nun sollten die Panoramen unter folgenden URLs erreichbar sein:
Alternativ sollten auch folgende URLs (ohne "index") funktionieren:
PS: Die Gänsefüsschen weg lassen. Dient nur zur besseren lesbarkeit.
Hallo Marcus,
das ist sicher machbar, aber sehr viel aufwendiger.
Du müsstest die panoStudioViewer.js, die _controls.json, die .json und den Ordner _tiles extern auf den Server laden.
Anschließend den Quelltext aus der .html (alles zwischen <body> und </body>) mit dem Widget Quelltext in Zeta einbinden. Hier musst du noch Verlinkungen der panoStudioViewer.js, der panoStudioViewer.insert und der .json anpassen,. Nun hast du noch ganz viele Verlinkungen in der .json, auch diese müssen angepasst werden.
Ich würde dir empfehlen die erstellten Panoramen mit einem FTP-Programm wie zB: FileZilla auf den Server zu laden und dann in ZP zu verlinken.
Ich selbst habe das vor ca. 3 Jahren ähnlich gemacht. Allerdings habe ich die Panoramen damals per iFrame in der Seite eingebunden.
Mittlerweile stitche ich die Panoramen noch mit PanoramaStudio. Anschließend erstelle ich mit Kolor Panotour eine Tour. Welche ich dann in Zeta verlinke.
Hier ein paar Beispiele: HOME GASTHOF FERIENHAUS
Ja, wie auf dieser Seite unter "CSS-Code für eine bestimmte Seite einfügen" beschrieben,
trägst du folgendes ein:
<style>
.breadcrumb {
display:none;
}
</style>Ja das geht.
Ich gehe mal davon aus das du wieder externen Code eingegeben hast.
Schalte mit F8 in den Spaltenmodus und lösche diesen externen Code.
Oder kann man das in ZP besser umsetzen?
Siehe Post 2 und Post 3 (Funktion "Bei klick vergrößern")
Hallole,
ich frage (mich und euch) immer noch, warum der Code der Seite (s. #4) zwar auf meiner alten Page funktioniert, aber in ZP nicht.
Alle meine Versuche sind ergebnislos verlaufen...
Da du nicht verraten hast WAS du GENAU WO eingebunden hast Kann das auch niemand beantworten. So wird das zum Ratespiel.
PS: Die von Hanabi angefragte Info wäre auch von Vorteil. Manchmal ergeben sich viel einfachere Wege.
Hier einmal meine CSS. Eventuell hilft das weiter.
Ich weiß jetzt allerdings nicht mehr genau ob es "Einstellungen > CSS" in 12.5 schon gab. Ansonsten ist "mobile_script" Global "für alle Seiten" schon richtig.
Sollte auf jeden Fall funktionieren. Wie der Name zella12.5.css schon sagt hatte ich diese Datei bereits unter dieser Version im Einsatz.
Hallo Norbert, ich verstehe wieder mal nicht so recht was genau du vor hast.
Wenn ich nun die beiden Bilder im Text als Bilder einfüge, sind die zwar da, aber das Hover funktioniert nicht.
Das könntest du mit folgendem Code recht einfach umsetzen. Dieser würde für alle Bilder im Projekt gelten die mit dem Widget Text eingefügt wurden.
<style>
.zpwText img {
transition: transform 0.2s;
}
.zpwText img:hover {
transform: scale(1.1, 1.1);
}
</style>Möchtest du den Code nicht für alle Text-Widget im Projekt anwenden, hilft folgendes CSS.
Hierbei muss das entsprechende Widget die CSS-Klasse zoom erhalten.
<style>
.zoom img {
transition: transform 0.2s;
}
.zoom img:hover {
transform: scale(1.1, 1.1);
}
</style>PS: In deinem geposteten Code hast du die CSS-Klasse dem "Verweis" vergeben. Wenn dieser auf die Bilder angewendet werden soll musst du diese Klasse dem "img tag" geben.
Hier müsstest du im Quelltext der Klasse "singleImage" deine Klasse hinzu fügen.
Aus:
<img title="[$=project.imageDescription(3076, 'plain')$]" class="singleImage" alt="[$=project.imageAltText(3076)$]" src="http://localhost:12885/get-file/C:%5C…1c4b65b0029.jpg">
Wird:
<img title="[$=project.imageDescription(3076, 'plain')$]" class="singleImage thumb" alt="[$=project.imageAltText(3076)$]" src="http://localhost:12885/get-file/C:%5C…1c4b65b0029.jpg">
Hallo Albi1,
zu wenig Infos um helfen zu können.
Am besten mal den verwendeten Code posten und das verwendete Layout. Wenn möglich hilft auch ein Link zur Seite wo das eingebunden ist.
So könntest du das umsetzen. Hier die BEISPIELSEITE
<span id="ziel"><span>
<p style="text-align:center;"><a class="scroll" href="#ziel"><img alt="" src="https://www.zella.de/bilder/up.png"></a></p>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event) {
event.preventDefault();
$('html,body').animate( { scrollTop:$(this.hash).offset().top-200 } , 600);
} );
} );
</script>Hinweis:
Ihr könnt das auch mit Inline-CSS lösen. BEISPIEL
Einfach die Linkbox wie gewünscht (Ohne Überschrift) erstellen. Anschließend das Textfenster auf HTML umstellen und dem Quelltext folgendes voranstellen und anpassen.
<div style="padding-bottom: 15px; padding-top: 15px; padding-left: 15px; margin: -25px; padding-right: 15px; background-color: #660000; text-align: center"><span style="color: #ffffff; font-size: x-large"><strong>Beispiel</strong></span></div>Hierbei den Wert margin: -25px; an den Wert Optionen > Innenabstand anpassen.
Die Begriffe sind vermutlich etwas verwirrend. Die "Kopfgrafik" heißt in ZetaProducer "Header".
Wenn du schreibst "in dem neu entstandenen Feld über der Kopfgrafik" ist der Header also die Kopfgrafik scheinbar schon vorhanden. Wobei dieses neu entstandene Feld eigentlich unter der Kopfgrafik erscheinen müsste und nicht darunter.
Du kannst auch mit der Taste F8 in den Spaltenmodus wechseln und in dem Feld "Header" deine Kopfgrafik anlegen oder bearbeiten.
So sollte das für die Seite http://www.restaurant-altstadtzimmer.de/ passen.
Einstellungen > CSS
<style>
/***** FON *****/
.fon {
position: fixed;
z-index:6100;
top:15px;
right:35px;
font-size:19px;
color: #000000;
font-weight: 900;
}
@media (max-width: 879px) {
.fon {
display: none;
}}
.fon-mobil {
position: fixed;
z-index:6100;
top:5px;
right:30px;
}
@media (min-width: 879px) {
.fon-mobil {
display: none;
}}
@media (max-width: 550px) {
.fon-mobil {
top:50px;
right:0px;
}}
@media (max-width: 490px) {
.fon-mobil {
top:5px;
right:120px;
}}
@media (max-width: 320px) {
.fon-mobil {
top:50px;
right:0;
}}
</style>Am Ende der Seite Widget > Quelltext, und diesen auf alle Seiten vererben.
<div class="fon">☏ 012345/6789</div>
<div class="fon-mobil"><a href="tel:+49123456789"><img src="https://www.zella.de/bilder/button/telefon.jpg" alt="telefon" /></a></div>HINWEIS:
Jetzt kannst du auf allen Seiten einen Eigenständigen Header einfügen.
Probiere mal:
Probiere mal folgendes.
Einstellungen > CSS
<style>
.navbar .nav>li.active>a, .navbar .nav>li.active>a:hover, .nav>li>a {
background-color: #ffffff;
}
</style>Hallo Mandy,
am Desktop würde das wenig Sinn machen weil dort meistens kein Telefonprogramm /app installiert ist am mobilen Gerät hingegen schon.
Ich würde das so lösen das am Desktop die Telefonnummer und am mobilen Gerät ein verlinkter Button eingeblendet wird.
Schau mal auf meine SEITE dort habe ich das so gelöst (einfach das Browserfenster in der Breite verkleinern, so kannst du das beobachten).
Wenn du möchtest kann ich das heute Abend für deine Seite anpassen.
Du meinst das Update 14.2.1?
Wenn ja, dann zurück zu 14.2.0 und auf das offizielle Update warten. LINK
Mit diesen Infos wird dir leider niemand weiter helfen können.
Alles anzeigenWie Sie eine gute Support-Anfrage verfassen
Eine Bitte: Wenn Sie hier Fehler oder Probleme melden, seien Sie bitte so spezifisch, wie möglich. "Funktioniert nicht" ist für uns sehr schwer einzuschätzen, wir haben uns nicht bereits wie Sie Stundenlang mit dem Problem beschäftigt und Ihren Bildschirm sehen wir auch nicht. Es ist besser alles genau zu beschreiben:
Welche Zeta Producer Version nutzen Sie?
Welches Layout nutzen Sie? Z.B.: "Smart Responsive" (Hilfe > Programminfo > Support-Informationen)
Was möchten Sie erreichen?
Was haben Sie gemacht? Beschreiben Sie Schritt für Schritt, welche Vorgänge Sie in Zeta Producer durchgeführt haben.
Welches Resultat haben Sie erwartet?
Was ist stattdessen passiert?
Falls etwas falsch aussieht, zeigen Sie uns das anhand eines Screenshot und teilen Sie uns die URL der Website mit.
Falls Sie eine Fehlermeldung erhalten, nutzen Sie die im Fehlerdialog enthaltene Option uns den Fehler zu berichten (unten links auf den Pfeil klicken). Alternativ klicken Sie die Option "Fehlerdetails" an posten den Text hier. Nur so erhalten wir genügend Details zur Fehlermeldung.Wenn etwas für Sie komisch aussieht, helfen uns Screenshots dies ebenfalls zu beurteilen, da wir Ihren Bildschirm ja nicht sehen können. Wenn Sie einen neues Thema erstellen, oder über den Button "Erweiterte Antwort" auf einen Beitrag antworten, können Sie Screenshots als Dateianhang dem Beitrag beifügen.
Beispiel Beitrag:
Titel: Artikel lässt sich nicht wieder aktivieren
Besonders wichtig wäre welches Layout benutzt wird sowie ein Link zur Seite oder zumindest ein Screenshot vom Fehler.
"Responsive Vorlage" sind eigentlich alle Layouts in ZP.
Ich meinte eigentlich das Widget Linkbox aus ZP.
