Bei der Variante Einzelbild wird dieses 1zu1 so übernommen. Beachte aber das Bilder mit einer höeren Auflösung als "8192x4096 Pixel" auf dem Smartphone möglicherweise nicht dargestellt werden.
Bei der Variante CubeMap kannst du die Qualität im CubeMap-Generator auswählen.
Wie von Thomas schon erwähnt get das mit dem Widget Panorama Player.
Alternativ dazu kannst du mit einem FTP-Programm auf den Server einen oder mehrere Ordner anlegen und die Marzipano-Dateien dort hinein laden.
Anschließend kannst du diese dann per iFrame oder dem Widget Extern Fanybox auf der Seite einbinden.
Suche gerade nach einer Lösung die Größe eines iframe automatisch an den Inhalt anzupassen
Hast du da was?
Nein da kenne ich leider nichts zuverlässig funktiorendes.
Hier handelt es sich wohl um das Widget Bild Hover Effekte vom Thomas aus 2015 welcher schon lange nicht mehr mit Zeta Producer aktiv ist.
Dieses liegt bei mir auch noch im Widget-Ordner. Zu finden im Ordner hover. Bei mir funktioniert dieses allerdings problemlos.
Ich empfehle dieses nicht weiterhin zu nutzen weil hier der CSS-Code in den Body geschrieben wird.
Alternativ kannst du auch den Code nutzen auf welchem dieses Widget aufbaut. LINK
Cool wäre eine Sortierfunktion, um zu sehen welche die Neusten sind.
Hallo Thomas, das Widget vom Mario habe ich schon gesehen, leider geht das nur im Header... aber nicht über den gesamten Inhalt.
Ja, das war extra so angedacht damit das ganze nicht zu nervend für den User wird.
Ich habe dazu aber auch ein anderes Script. Mal sehen ob ich daraus ein Widget basteln kann.
Zeta Producer ist Offline-CMS. Fast alle Angriffe passieren online auf dem Server, hatte ich auch schon 2 mal.
Ich würde folgendes tun.
Entweder mit "Media Query" die Schriftgröße für Mobile verkleinern oder mit der Schriftgröße "vw" arbeiten.
Um da gezielter helfen zu können müsste man wissen was du wo genau eingegeben hast.
Hierzu am besten für jeden Button eine eigene Klasse und Variable anlegen.
zum Beispiel:
<script>
var zufallslinkszwei = [];
// hier beliebige URLs einfügen. Für jede URL eine Zeile
zufallslinkszwei.push("https://www.zeta-producer.com/de/support.html");
zufallslinkszwei.push("https://www.zeta-producer.com/de/v16.html");
$z(document).ready(function () {
$z('.zpZufallslinkzwei').on('click', function(){
$z('.zpZufallslinkzwei').attr('href', zufallslinkszwei[Math.floor(Math.random()*zufallslinkszwei.length)]);
});
});
</script>
<a class="button zpZufallslinkzwei" href="#"><span>Zufallslink</span></a>Intern kannst du auch mit relativen Links arbeiten. Hier brauchst du lediglich den Dateinamen der Seite angeben auf die verlinkt werden soll.
Zum Beispiel so:
<script>
var zufallslinks = [];
// hier beliebige URLs einfügen. Für jede URL eine Zeile
zufallslinks.push("index.html");
zufallslinks.push("kontakt.html");
zufallslinks.push("videos.html");
zufallslinks.push("bilder.php");
zufallslinks.push("impressum.html");
$z(document).ready(function () {
$z('.zpZufallslink').on('click', function(){
$z('.zpZufallslink').attr('href', zufallslinks[Math.floor(Math.random()*zufallslinks.length)]);
});
});
</script>
<a class="button zpZufallslink" href="#"><span>Zufallslink</span></a>Ich versuche das mal kurz und bündig aufzuführen.
Wenn du den Text aus Word kopierst würde ich diesen temporär im Windows-Editor einfügen und anschlißend von dort kopieren. Somit gehen bereits vorhandene Formatierungen verloren.
nachtrag: im header sind folgende einstellungen. ist da was falsch?
Wenn der Header auf volle Bildschirmbreite eingestellt ist sind 1100 Pixel Bildbreite eindeutig zu wenig für eine scharfe Darstellung.
Da der vermutlich größte Teil der Desktop-Bildschirme mit Full-HD auflöst würde ich hier auf eine Bildbreite von 1920 Pixeln gehen und die Höhe entsprechend des Seiteverhältnises deiner Bilder anpassen. Importieren würde ich die Bilder dann ebenfalls in 1920 Pixeln Bldbreite.
Wenn die Bilder auch bei höheren Auflösungen scharf dargestellt werden sollen musst du noch höher gehen, ein 4K-Bildschirm löst mit einer Bldbreite von 3820 Pixeln auf.
Da muss jeder seinen eigenen Weg finden um einen vernünftigen Kompromiss zum SEO zu finden. Ich persönlich halte mich außer bei Zoombilden, Panoramen usw. an eine Full-HD Auflösung.
4000x6000 ist schon sehr groß. Besser wäre diese Bilder bereits vor dem importieren zu verkleinern und zu komprimieren.
Weiterhin würde ich vor dem importieren unter Erweitert > Erweiterte Einstellungen > Blder unter Max. Importbreite den Wert der Bilder angeben und unter Komprimierung für neue Bilder auf Verlustfrei oder Keine stellen.
Welche Variante denn?
Das von Jörg aufgezeigte Beispiel sind Bilder. Es gehen aber aber auch Unicodes oder Font Awesome.
Das ganze lässt sich eigentlich ganz einfach mit Zeta Producer umsetzen.
Um das Thema sauber zu halten habe ich dazu ein neues erstellt. LINK
Bezugnehmend auf dieses Thema möchte ich hier einmal mehrere Möglichkeiten aufzeigen wie man ganz einfach Icons in das Navigationsmenü einbinden kann.
Das Icon kann in Kombination mit Text oder auch einzeln eingeblendet werden. Nach dem Einfügen auch immer die "Mobile Darstellung" beachten.
Icon Bild
Icon Unicode
Icon Font Awesome
Das ginge nur mit eigenem Code per "Position Absolute".
Hierfür sind allerdings erweiterte CSS / HTML Kentnisse notwendig da dieser für die "Mobile Ansicht" wieder per "Position Relative" an gewünschter Stelle positionirt werden muss.
Du hast die Breite des Inhaltsbereiches mit individuellem CSS auf 73% festgelegt. Das glt dann natürlich auch für die "Mobile Version".
#mainbar {
float: left;
width: 73%;
background-color: #FFF;
}Wenn du nicht genau weist was du da tust würde ich es lieber lassen.
Alternativ kannst du das auch für die "Mobile Ansicht " wieder überschreiben indem du folgendes CSS hinzufügst.
@media (max-width: 654px) {
#mainbar {
width: 100%;
}}Das sollte grundsätzlich mit jedem Widget funktionieren ohne das CSS des Widgets anzufassen indem du dem eingefügten Widget eine zusätzliche CSS-Klasse zuweist.
Einstellungen > CSS
<style>
@media (min-width: 660px) {
.umenuausbl {
display: none;
}}
</style>Anschließend das Widget öffnen, unten auf das "Mischpult" dann auf "Mehr". Hier unter CSS-Klasse umenuausbl eintragen.
Nun wird das Untermenü nur unter einer Bildschirmbreite von "660px" eingeblendet. Das trifft auch für die Life-Ansicht in ZP zu. Wenn du nun auf das Widget zugreifen möchtest musst du mit der Taste "F8" in den Spaltenmodus wechseln oder die Bildschirmbreite entsprechend verkleinern.
Am besten mal die Seitennamen hier ändern.
Zum Beispiel in "Formulare (Mitglieder)" und "Formulare (Auszeichnungen)".
Alternativ dazu kannst du auch die Seite "Downloads" vor der Seite "Links" platzieren, hier haben die Unterseiten kürzere Namen.
RE: Widget Zähler
Macht Sinn, die Zähler von externen Widgets ZP zählen bereits beim Laden der Seite und dann ist die Animation weg bis man dahin gescrollt hat. Das neue Widget fängt an zu zählen wenn man dort hin scrollt. werde ich demnächst auch einbauen
Also danke
Das trifft nicht mehr zu Counter Animated
Oh, so wurden früher ganze Menüs mit Grafiken erstellt.
Ich habe mal den Code vom Thomas übernommen und ein paar nützliche Optionen hinzu gefügt.
<style>
.bildwechsel {
background:url("https://www.zella.de/media/images/thumbnails/safarizelt-5-940567be26fe4d9b860749b2b0a6d819-500x300.jpg");
width:500px;
height:300px;
background-size: cover;
transition: all 0.8s;
}
.bildwechsel:hover {
background:url("https://www.zella.de/media/images/thumbnails/safarizelt-19-a4729ee97f994c80a3b4696093541aae-01-500x300.jpg");
background-size: cover;
}
.bildwechsel a {
width:100%;
height:100%;
display:block;
text-decoration:none;
border-bottom:none; /* Option fuer Flat Responsive */
}
.bildwechsel a span {
display:block;
width:100%
}
@media (max-width: 800px) {
.bildwechsel {
width:250px;
height:150px;
}}
</style><div class="bildwechsel">
<a href="https://www.zella.de/safarizelte.html">
<span></span>
</a>
</div>Für diese Piktogramme wird "Font Awesome 4.7.0" verwendet.
Inwieweit Google diese bewertet kann ich nicht sagen. Am besten mal googeln.
Hallo Ela,
probiere mal Layout-Designer > Teaser > Hyperlinks.
Schau mal was passiert wenn du der https://umfrage.sammler-team.de/umfStyle.css der Klasse img.umfBild ein max-width: 100%; hinzufügst.
Alles anzeigenMittlerweile scheint diese Aussage nicht mehr uneigeschränkt zuzutreffen. Zwar habe ich mit meinen Zp_Projekten dieses Problem, aber es gibt im www Seiten, bei denen auch auf mobilen GEräten der Fa. Apple mit "attachment: fix" korrekt und scharf dargestellt werden.
Beispielsweise auf dieser Seite: https://tannenhuette.de/ Das Bild von der Alpspitze ist auch auf dem IPhone gestochen scharf und hat trotzdem den "Effekt des Darüberfahrens".
Bitte einen der ZP Techniker sich des Problems anzunehmen und eine technisch zufriedenstellende Lösung für alle Endgeräte anzubieten.
Dem Kunden kann ich das, nach dem Motto "it's not a bug - it's a feature", nicht "verkaufen"!
Vielen Dank.
Das trifft nicht zu, auf der von dir aufgezeigten Seite wird nicht die Anweisung background-attachment: fix sondern ein "Parallax Effekt" verwendet. Dieses lässt sich zB.: mit dem Widget Parallax Container umsetzen.
Layoutübergreifend sollte folgender Weg funktionieren.
<style>
@media (max-width: 660px) {
#container_74 {
background-attachment: scroll !important;
}}
</style>Etwas abgeschweift von der eigentlichen Frage.
Windows 7 und damit die Belieferung mit Sicherheitsupdates wurde am 14. Januar 2020 von Microsoft eingestellt.
Somit ist die Nutzung von "Windows 7" im Zusammenhang mit einer Internetverbindung oder in einem Netzwerk grundsätzlich riskant.
- Ich kenne ein CMS da bezahlt man überhaupt nichts.
- Ich kann damit unendliche viele Seiten auch für Kunden gestalten, ohne Limit!
- Das CMS hat ein deutsches Forum wo ich ohne Ticket und binnen 10 Minuten ausführlichen Support erhalte.
- Ich wollte etwas umprogrammiert haben, bei Zeta unmöglich, macht der Support nicht, dort in 24 Stunden "kostenfrei" erledigt gewesen
Kannst du das CMS auch namentlich benennen? Würde mich brennend interessieren wie das finanziert wird.
Ich mische mich mal hier ein weil ich gerade 23.675 Bilddateien gelesen habe.
Ich würde die Bildergalerien auslagern. Alben zB. mit jAlbum oder ähnlichen erstellen, auf den Server laden und diese dann per iFrame einbinden. Das sollte ZP schon mal mächtig anschieben.
Noch ein Nachtrag, ich kann die "Teilung" auch in Zeta 15.2. vornehmen oder? Da mir Zeta 16.0. ja einfriert wegen der Seitenzahlen.
Natürlich.
Wurde in V16 die Bildformate wie JPEG 2000, JPEG XR und WebP eingefügt? weil das währe noch ein Kaufargument
Das lese ich hier immer öfter. Ich bin mir sicher das die Entwickler das aufmerksam beobachten. Aber so lange es für die Formate noch keinen einheitlichen Browser-Support gibt sollte das keine Option sein.
aber in Kombi Webseite und Shopsystem ist Zeta leider Raus.
Naja die "guten" Shopsysteme sind doch alle sehr beschränkt wenn es um Layoutanpassung oder die Einbindung von Inhalten die nichts mit dem Shop zu tun haben geht. Ich glaube hier gibt es "noch" keine Software die beides wirklich gut kann.
Stefan hatte das oben eigentlich schon bestens erklärt. Ich versuche es nochmal.
Sollte so funktionieren:
<style>
@media screen and (max-width: 1024px) {
#gotoTop {
display: inline-block !important;
}
#gotoTop a {
top: auto !important;
bottom: 10% !important;
}
}
</style>Ich handhabe das immer folgendermaßen.
Somit kann es später keine Überraschungen geben wenn das Globale CSS erweitert wird.
Wird das Globale CSS mal etwas länger nutze ich das Widget CSS Global dieses fügt das CSS der bundle.css hinzu.
Hallo Maria,
die Buchungssysteme geben alle eine Seite aus welche du über das Widget iFrame oder zB. über dieses Widget einbinden kannst.
Ich persönlich würde hier auf iFrame verzichten weil das Buchungstool durch den doppelten Rand am Smartphone ziemlich schmal und unübersichtlich wird.
Eine Empfehlung lässt sich hier nicht pauschal geben weil der eine das besser kann und der andere eben dieses. Kommt eben darauf an was genau erwartet wird.
Zu deiner Suche kann ich aber ein Paar Tipps geben.