Beiträge von ruster.MEDIA

Hallo zusammen,

wie lassen sich die Schriftgrößen der h1 - h6-Überschriften im Layout Top Responsive mit Zeta 16.8.6.0 via CSS an Smartphone und Tablet anpassen?

Mit dem Code von Mario funktioniert es nicht mehr.

Vielen Dank & lG
Sunny

Vielen Dank Stefan S !

Dass Zeta auch bei Barrierefreiheit sehr gut aufgestellt ist, finde ich auch. Lediglich die Stellschraube "landmarks" fehlt m. E. noch.

Das BFSG ist ein ordentlicher Brocken. Bei allem geht es sicher nicht um absolute Barrierefreiheit, sondern um Barrierearmut.

Besonders hilfreiche, schnelle und konkrete Prüftools zum Webseiten-Check sind m. E. die nachfolgenden Programme/Apps, hier als Browsererweiterung für Chrome verlinkt:

WAVE Evaluation Tool
https://chromewebstore.google.com/detail/wave-ev…jfedlgcdilocofh

Silktide Accessibility Checker

https://chromewebstore.google.com/detail/silktid…biomjkecoojakah

LG
Sunny

Hallo zusammen,

wie man "landmarks" manuell einfügt, weiß ich jetzt.

Die nachfolgende Anleitung ist "ohne Gewähr"; bei mir funktioniert es super im Layout "Top Responsive". Vielleicht interessant für diejenigen, die die Anforderungen des BFSG für sich selbst oder ihre Webdesign-Kunden erfüllen müssen.

Extras -> Entwickler -> Layout "Top Responisve" in Projekt kopieren

dann

Extras -> Entwickler -> Layoutordner anzeigen -> templates -> pages

Dort die default.html mit html-Editor bearbeiten, nach den nachfolgenden Code-Zeilen suchen und jeweils die roten Passagen manuell ergänzen:

<div id="logo" role="banner" <$= system.partial('inline-editing-logo.html') $>>

<div id="topNav" class="clearfix" role="navigation">

<div id="topArticles" role="main">

<div id="footer" role="contentinfo" >

Die html-Änderungen speichern.

Dann in Zeta in den Bereich "Layout" gehen, rödeln lassen, speichern;

alle Seiten erstellen, veröffentlichen und z. B. mit der Browsererweiterung "silktide" testen, ob alles korrekt ist.

LG Sunny

Liebes Zeta-Team,

für die Barrierefreiheit einer Website (BFSG) ist es wichtig, dass sie auch von Screenreadern gelesen werden kann, die sehbehinderte Menschen nutzen. "landmark roles" - semantische Elemente zur Kennzeichnung von Seitenregionen - ermöglichen Screenreadern eine "strukturelle Navigation".

Mehr dazu auf https://www.barrierefreies-webdesign.de/knowhow/landma…navigation.html

Ist die Implementierung von "landmark roles" in Zeta geplant? Wie kann ich "landmark roles" manuell via Code ergänzen?

Ist es (weiterhin) geplant, bei Text-Links die Funktion "title" (wie bei Bildern) zu ergänzen? Aktuell ist das nur über per Ergänzung im Quellcode möglich

LG

Sunny

Stefan S
Rechner neu gestartet und das rote X ist weg. Danke!

Stefan S
Danke, funktioniert.

Stefan S
Tritt generell auf, auch, wie oben beschrieben, bei einem ganz neuen (Test-)Projekt

Hallo zusammen,

nachdem ich vorhin das neue Zeta-Update installiert habe, erscheint beim Wechsel in die F8-Ansicht in der Spalte "Standard" ein rotes X statt der Artikel/Widgets.

Verhält sich bei 2 bestehenden und einem komplett neuen Projekt so.

Ich nutze die Business-Version 16.8.6.0.

Denke, das ist ein Programm-Bug. Oder was ich mache falsch und wie mache ich es richtig?

Danke für Eure Hilfe.

Beste Grüße

Sunny

Hallo zusammen,

die seitenbezogenen Attribute kann ich nicht mehr bearbeiten; die Ansicht ist auch anders als früher, siehe Screen.

Verhält sich bei 2 bestehenden und einem komplett neuen Projekt so.

Ich nutze die Business-Version 16.8.6.0 Business, auf die ich vorher upgedatet habe.

Denke, das ist ein Programm-Bug. Oder was ich mache falsch und wie mache ich es richtig?

Danke für Eure Hilfe.

Beste Grüße

Sunny

Stefan S
Bedeutet dass, das es nicht möglich sein wird, mit Zeta Producer Websites zu erstellen, die den BFSG-Anforderungen entsprechen?

Hallo Zeta,

ab Mitte 2025 müssen Websites, die elektronische Dienstleistungen anbieten, barrierefrei gestaltet und umgesetzt sein.

Wann wird es möglich sein, mit Zeta Producer Websites zu erstellen, die den BFSG-Anforderungen entsprechen?

Als Webagentur sollte man so schnell wie möglich die Kunden-Websites updaten können, damit es zeitlich bis Mitte 2025 zu schaffen ist.

Detaillierte Infos:
https://www.verdure.de/magazin/strate…bfsg-bitv-wcag/
https://www.w3.org/TR/WCAG21/

Online-Check: Ist meine Website BFSG-konform?
https://accessibe.com/accessscan

Viele Grüße
fragezzeichen

Hallo Stefan S,

es funktioniert: wirklich klasse, vielen Dank.

Die weißen Richtungspfeile zp13_carousel_bg_direction_nav.png (im Widget-Ordner) habe ich noch umgefärbt in schwarz mit weißem Hintergrund.

Und ich habe die nachfolgenden Zeilen in Ihrem CSS-Schnipsel ergänzt:

.zp13carouselWidget.captionbelow .zp13carousel-caption {

padding: 10%;

}

.zp13carousel-direction-nav a {

position: absolute; top: 5%; z-index: 10; cursor: pointer;

width: 29px; height: 29px; margin: 20px 20px 20px 20px; display: block;

So konnte ich die horizontale und vertikale Position der Richtungs-Pfeile verändern und im Textbereich einen Abstand zu den äußeren Rändern erstellen.

Für mich sieht das jetzt ziemlich gut aus auf Desktop, Tablet und mobil. So werde ich es meinem Kunden präsentieren.

Vielen Dank nochmal und lG
Sunny

Hallo Stefan S,

vielen Dank. Das "Carousel" kommt dem "Content-Slider" sehr nahe.

Ich möchte den Content so einstellen, dass er nicht automatisch abgespielt wird, was ja möglich ist.
Es fehlen aber die Pfeile links und rechts zum Navigieren, oder übersehe ich da eine Einstellungsoption?

Beim Slider gibt es es diese Pfeile, dafür aber keine Möglichkeit, mehrere Motive/Elemente gleichzeitig nebeneinander zu zeigen.

Hätten Sie vielleicht einen CSS-Schnipsel für mich bzw. uns, mit dem sich Pfeile "vor" und "zurück" beim "Carousel" einblenden lassen?

Toll wäre es auch, wenn man im "Carousel" die Abstände zwischen einzelnen Bildern/Grafiken einstellen könnte, damit die Elemente und der Text darunter nicht horizontal am nächsten Bild- bzw. Text-Element "kleben".

Vielen Dank für Ihren Support.

Liebe Grüße
Sunny

Liebes Zeta-Team,

ist ein Widget "Content-Slider" mittlerweile in Planung? Ein Kunde hat heute danach gefragt.

Danke für ein Feedback & lG
Sunny

Zitat von fragezzeichen

Hallo liebes Zeta-Team,

um Google-Sterne und -Bewertungen aus Google MyBusiness in die Website zu integrieren, wäre ein zeta-eigenes 👉 Widget "Google Reviews" super, um nicht auf Fremdanbieter wie Proven Expert oder Elfsight zurück greifen zu müssen.

Um viele Bilder oder Texte oder Bilder mit Texten in einer Reihe unterzubringen, wünsche ich mir ein 👉 Widget "Content-Slider", mit dem man die Artikel horizontal scrollen kann, einen nach dem anderen. Beispiel: Bei aktueller Anzeige der Artiekel 1 + 2 + 3 erscheinen beim Klick auf Pfeil rechts die Artikel 2 + 3 + 4 usw.

Liebe Grüße
Sunny

Zitat von Stefan S

1 geht die Website-Betreiberin ja nichts an. Wäre schlimm, wenn man so die Software seiner Kunden im Aussehen verändern könnte.

2 haben Sie ja - bei Zeta Producer Projekten - selbst in der Hand. Wenn Sie den Automatischen Dunkelmodus nicht aktivieren, wird der Browser die Darstellung auch nicht verändern. Siehe auch: https://docs.zeta-producer.com/automatischer-dunkelmodus.html

Stefan S: Ich möchte nicht die Software verändern, sondern die Darstellung. Man kann ja auch den Mousezeiger, Laufleisten verändern, Rechtsklick unterbinden usw. Schade, dass das nicht geht.

Am liebsten 1 UND 2. Danke.

Hallo zusammen,
gibt es einen Code, mit dem man Browsern das Umschalten in den Dunkelmodus verbieten kann? Wenn ja, wie lautet er?
Danke & lG
Sunny

Hallo Pedro,
gib mal in der jeweiligen REIHE (nicht im Container) in der CSS-Klasse
zpBreakout
ein.
LG
Sunny

Zitat von fragezzeichen

Hallo zusammen,

das Verhalten kann ich auf meinen Android Galaxy A53 5G in Firefox und Chrome nachvollziehen.

Wenn ich mit dem Finger in die Fußzeile mit dem Fußzeilen-Menü und ©-Zeichen "fasse", ein wenig nach oben oder unten "ziehe", springt/scroll der Screen nach oben, als hätte ich auf einen "nach oben Pfeil ohne Move" geklickt:

https://fragezzeichen.de/2022_07_14_09_35_33_1.mp4
Minuten 00:05/00:06, 00:10/00:11/ 00:24/00:25

Pierre:
Als Smartphone-Screenrecorder nutze ich den ADV Screen Recorder.

LG
Sunny

Alles anzeigen

Kann ich auch auf allen Seiten nachvollziehen.

Mario: Perfekt, vielen lieben Dank! 👌😎💪

Hallo zusammen,

wie kann ich die Abstände im Hauptmenü - mit eigenem CSS - zwischen den einzelnen Rubriken (z. B. Home Leistungen Über uns Kontakt) verkleinern?

Vielen Dank für Eure Hilfe.

LG
Sunny

Hallo Urs,

klasse, freut mich - sieht super aus! 🤩 Schöne Labradorchen habt Ihr 🐶.

Mittlerweile installiere ich nur noch noch ttf.

LG
Sunny

Hallo zusammen,

genau nach dieser Schriftart habe ich heute auf https://fonts.google.com/specimen/Open+Sans?query=open+sans auch gesucht.

Wenn Du die Schriftfamilie "Open Sans" per "Download Family" downloadest, ist die "Open Sans Condensed" mit dabei.

LG
Sunny

Hallo Carola,

am besten gibtst Du mal die betreffende Homepage-Adresse an und postest hier Screenshots, wie die Seite im Vergleich dazu bei Dir auf dem Rechner aussieht. Sonst ist es sicher schwierig zu helfen.

Hast Du Dein Projekt komplett veröffentlicht und Dir Deine veröffentlichte Seite anschließend im privaten Modus Deines Browsers angeschaut?

LG
Sunny

Hallo zusammen,

das Verhalten kann ich auf meinen Android Galaxy A53 5G in Firefox und Chrome nachvollziehen.

Wenn ich mit dem Finger in die Fußzeile mit dem Fußzeilen-Menü und ©-Zeichen "fasse", ein wenig nach oben oder unten "ziehe", springt/scroll der Screen nach oben, als hätte ich auf einen "nach oben Pfeil ohne Move" geklickt:

https://fragezzeichen.de/2022_07_14_09_35_33_1.mp4
Minuten 00:05/00:06, 00:10/00:11/ 00:24/00:25

Pierre:
Als Smartphone-Screenrecorder nutze ich den ADV Screen Recorder.

LG
Sunny

Verstehe. Wobei Schönheit ja (angeblich) im Auge des Betrachters liegt.

Zitat von DEERBRANDS

# davon würde ich abraten denn es ist eine schlechte Lösung!

Der Hack ist von Stefan S, einem der Zeta-Entwickler.

Hallo Kurt,

meinst Du das?
RE: Hauptmenüpunkte nicht auswählbar machen

LG
Sunny

Liebes Zeta-Team,
habe heute zum ersten mal den SEO-Check genutzt. Ein echter Mehrwehrt, auch, weil ich so endlich wieder alt-Tags und Beschreibung der Bilder auf der Seite erstellen kann und nicht zu "Bilder" wechseln muss. DANKE!
Auch die Design-Blocks und mehr Möglichkeiten, Elemente zu animieren, sind super. Gibt es ja schon länger, wollte ich immer mal schreiben.
Das wertet Zeta Producer NOCH mehr auf.
⭐️⭐️⭐️⭐️⭐️
Liebe Grüße
Sunny

Hallo Lisa,

wenn sich der Link im Body-Bereich befindet, sollte folgendes eigenes CSS (https://docs.zeta-producer.com/eigenes-css-einfuegen.html) helfen:

<style>

.noline a {

text-decoration:none!important;

}

</style>

Im Widget, das den Link enthält, gibst Du dann als Klasse ein:
noline

LG
Sunny

Hallo Holger,
die Meldung kommt mir irgendwie bekannt vor, bin aber nicht sicher.
Ist Dir vielleicht vorher Dein Rechner abgeschmiert, während Zeta offen war?
Ich meine, solche Meldungen hätte ich bekommen, als ich noch mit Windows 8.1 gearbeitet habe und mein Rechner häufig abgestürzt ist.
Wenn eh nichts mehr geht, würde ich auf jeden Fall eine Neuinstallation machen und es versuchen.

LG und viel Glück!
Sunny

Hallo Buch88,

da scheint was bei Deiner Font-Installation schief gegangen zu sein. Deine Webseite lädt die Google-Fonts, siehe Quelltext.
Kannst Du auch hiermit prüfen: https://webbkoll.dataskydd.net/de/

LG
Sunny

Markus123 👍

Hallo Maria,
"Proven Expert" habe ich bei einem meiner Kunden eingebaut:

Du erstellst ein neues Widget "Quelltext" und gibst dort Deinen Code ein, den Du in ProvenExpert generiert hast und der so ähnlich aussehen sollte wie dieser hier:

<!-- ProvenExpert Bewertungssiegel -->

<style type="text/css">body {-ms-overflow-style: scrollbar;} @media(max-width:991px){#ProvenExpert_widget_container {display:none !important;}}</style>

<a id="ProvenExpert_widget_container" href="https://www.provenexpert.com/abcdefghijklmn…campaign=Widget" title="Kundenbewertungen &amp; Erfahrungen zu Vorname Name. Mehr Infos anzeigen." target="_blank" style="text-decoration:none;z-index:9999;position:fixed;float:left;line-height:0;right:0px;top:140px;"><img src="https://images.provenexpert.com/f5/aa/fd7cb098…re_180_de_0.png" alt="Erfahrungen &amp; Bewertungen zu Christian Brügel" width="180" height="180" style="border:0" />

<span id="ProvenExpert_slider_feedback" style="position:absolute;padding:0px 0 0px 0;top:0;left:180px;"></span>

<script type="text/javascript" src="//http://www.provenexpert.com/slider_vorname.name.js?sk=s_180" async></script>

</a>

<!-- ProvenExpert Bewertungssiegel -->

Dann noch "Proven Expert" im Consent-Banner markieren, fertig.

LG
Sunny

Super, herzlichen Dank Stefan S und Drcymbal!
🙂

Hallo zusammen,

das Layout ist "Campfire Responsive" und ich nutze das Widget "Bild" nicht "Bilderalbum".
Hier ein Screenshot (gelöscht) der Einstellungen "Bild" - nicht "Bilderalbum" - mit der Einstellung "Vergrößern bei Mouseover".

Herzliche Grüße
Sunny

Nachtrag und Frage an Drcymbal bzw. das Zeta-Team:

Bei Aktivierung der Option "Ohne Thumbnail-Bildbeschreibung“ funktioniert die Animation "Vergrößern bei Mouseover" leider nicht mehr.
Das ist ein Bug, oder?

Herzliche Grüße
Sunny

Hallo Tom,

wow! Genau das! Wirklich gut versteckt die Option. Danke Dir!
😃👌

Herzliche Grüße
Sunny

Hallo zusammen,
wenn ich bei "Erweitert" die "Bilder-Einstellungen" auswähle und dort bei Bildern die "Bildbeschreibung" eingebe, wird diese automatisch in das Widget "Bild" übernommen und dort unter dem Bild angezeigt.
Die Anzeige unter dem Bild möchte ich "deaktivieren".

Statt dessen möchte ich, dass (wie bei Bildern, die ich über das Widget "Text" einfüge) die Bildbeschreibung als "Tool-Tipp" bei Mouse over (natürlich nur auf Desktop möglich) angezeigt wird. Wie kann ich das erreichen?

Herzliche Grüße
Sunny

Hallo liebes Zeta-Team,

um Google-Sterne und -Bewertungen aus Google MyBusiness in die Website zu integrieren, wäre ein zeta-eigenes 👉 Widget "Google Reviews" super, um nicht auf Fremdanbieter wie Proven Expert oder Elfsight zurück greifen zu müssen.

Um viele Bilder oder Texte oder Bilder mit Texten in einer Reihe unterzubringen, wünsche ich mir ein 👉 Widget "Content-Slider", mit dem man die Artikel horizontal scrollen kann, einen nach dem anderen. Beispiel: Bei aktueller Anzeige der Artiekel 1 + 2 + 3 erscheinen beim Klick auf Pfeil rechts die Artikel 2 + 3 + 4 usw.

Liebe Grüße
Sunny