Beiträge von Mario

Hatte vorhin diese Schaltfläche auf einem der beiden Widgets geklickt. Daraufhin wurden beide angezeigt. Welches ich geklickt habe weiss ich nicht mehr.

Jetzt mit dem einen Widget ist es wie von dir beschrieben

Dann solltest du so vorgehen und auf den anderen Seiten ebenso.

Wichtig dabei ist das du den Hinweis von Stefan S beachtest.

Auf meinem Huawei P30 ebenfalls Android 10 und Chrome werden mir auf der Seite 2x Google Maps angezeigt und lassen sich auch aktivieren.

Du kannst die aktuelle Version HIER downloaden und installieren. ZP15 wird dann parallel zu deiner gekauften Version installiert. Somit kannst du mit der alten Version weiterhin produktiv arbeiten und die neue ausgiebig testen. Wenn du die neue dann kaufen möchtest kannst du die Projekte aus der alten Version in die neue importieren.

Zu den Sicherheitslücken kann ich nichts sagen. Ich hatte da nie Probleme, arbeite aber immer mit der aktuellen Version.

Du kannst aber mit der Testversion ein Testprojekt erstellen und dieses in einen Unterordner veröffentlichen und prüfen.

Genau wie Thomas beschrieben hat.

Willst du den Code nur auf einer Seite einbinden, die Frage hast du leider nicht beantwortet, kannst du den Code für <HEAD> auch anders einbinden damit dieser nicht auf allen Seiten eigebunden wird.

• Gehe links im Seitenbaum auf das Zahnrad der Seite in der das Widget erscheinen soll.
• Gehe zum Reiter "Attribute" und dann unten auf Attribute und den Haken bei (alle anzeigen setzen).
• Scrolle zu "Standard", Doppelklick auf mobile_script
• In dem sich öffnenden Fenster gibst du den Code für <HEAD> ein.
• Bestätige das ganze 2x mit OK.

Link ist angekommen, wie vermutet ist das Problem bei vielen Unterseiten mit langen Namen.

Bei 1507px Bildschirmbreite wird auf Mobile geschaltet weil der Platz nicht mehr ausreicht.

Hier ein paar Lösungsvorschläge, diese kannst du natürlich auch kombinieren:

• Hauptseite "Der Shop" weiter vorn platzieren.
• Hauptseite "Der Shop" weniger Unterseiten mit kürzeren Namen, oder diese im Hauptmenü ausblenden und auf den Übergeordneten Seiten verlinken.
• Layout-Einstellungen Menü auf scrollend, dann nimmt das Logo beim scrollen nicht den Platz weg.
• Mit etwas CSS die Abstände ab der problematischen Bildschirmbreite verringern.

Zu letztem Punkt hier mein verwendetes CSS für meine Seite https://www.zella.de/v19-2/. Dieses kannst du anpassen und für deine Seite verwenden.

<style>
#header #nav>ul li a {
letter-spacing: .05em !important;
}
@media (max-width: 1588px) {
#header #nav>ul li a {
letter-spacing: .05em !important;
padding: 0 .8em !important;
font-size: 1.0em !important;
}
#header #nav li.haschilds>a, #header #nav .dropdown-menu li.haschilds {
padding-right: .8em !important;
}
#header #nav li.haschilds>a:after, #header #nav .dropdown-menu li.haschilds>a:after {
display: none !important;
}}


@media (max-width: 1109px) {
#header #nav li.haschilds > a, #header #nav .dropdown-menu li.haschilds {
padding-right: 3em !important;
}
#header #nav li.haschilds>a:after, #header #nav .dropdown-menu li.haschilds>a:after {
display: block !important;
}}
</style>

Kannst du an mario(at)zella.de senden.

Das (at) durch @ ersetzen.

Zitat von Drcymbal

Hallo Jochen,

bei Deinem zweiten Ansatz scheint "style" zu fehlen. Bei mir funktioniert es jedenfalls mit

<p style="text-align: center;">6.</p>

Viele Grüße

Tom

Das kann ich bestätigen.

Ah verstehe. Den Fall hatte ich noch nicht.

Bitte mal schreiben welches Layout benutzt wird, dann kann kann der Support mehr damit anfangen.

Kann leider nicht mehr mit ZP14 testen, erst vorgestern deinstalliert.

Sollte kein Problem sein.

Bitte mal einen Link zu der Seite mit dem Code hier posten, oder den Code direkt posten, dann kann man testen bevor man Unsinn schreibt.

Soll das Widget von fussball.de auf einer oder auf mehreren Seiten im Projekt angezeigt werden?

Das habe ich jetzt nicht verstanden.

Zitat von bits

Wenn ich im Header Fotos austausche , werden die Neuen hochgeladen und die alten sind weg.

Das ist doch richtig so.

Ich gehe mal davon aus das dies für alle Bilder im Projekt gelten soll?

Dann sollte folgendes funktionieren.

Einstellungen > CSS:

<style>
.imagedescription {
text-align: center;
}
</style>

Zitat von HOK

Kann man das irgendwie einstellen, wann der "Breakpoint ist" ?

Feste Breakpoints haben die älteren Layouts. Die neueren wie auch Flat-Responsive schalten automatisch auf Mobile-Menü sobald der Platz nicht mehr ausreicht.

Zitat von HOK

Ja, das ist ja genau mein Problem - trotz "Kürze" leider sehr schnell z. b. 15" Laptop im Responsive Menü trotz Platz .....

Müsste man am besten Online sehen woran das liegt. Ich denke mal das die Unterseiten zu lange Namen haben.

Wenn das so halbwegs passt könnte man eventuell die Abstände im Hauptmenü mit etwas CSS verringern.

Habe ich HIER so umgesetzt, mal das Fenster in der Breite verkleinern und das Hauptmenü beobachten.

Schwer zu sagen weil zu wenige Infos.

Wann werden denn die Farben nicht angezeigt? Direkt in ZP, in der Browservorschau, online oder überall?

Am besten wenn man den nicht funktionierenden Button online sehen könnte.

Hallo Roland,

Wie Stefan schon sagte geht das nicht so einfach. Wenn im Projekt keine HTML-Komprimierung eingeschaltet ist kann ich das aber auch im Quelltext auslesen wenn du die URL zur Seite postest.

Zitat von R. Lehmann

Unter "EXTRAS-Entwickler-Widgets" sehe ich alle Widgets welche in den unterschiedlichen Projekten benutz werden.

Stimmt nicht ganz, hier sind alle Widgets aufgeführt die du installiert hast, egal ob diese verwendet werden oder nicht.

Ich würde eher die Größe anpassen.

Bei Silbetrennung verhaut es dir Ansicht der gesamten Seite. BEISPIEL

Da schließe ich mich an.

Einzig die Überschriften für "Mobile" würde ich eventuell etwas verkleinern bzw. die Abstände so anpassen das dein längstens Wort in eine Zeile passt.

Hallo Galaxy,

in deinem Screenshot ist unten ein Button "Attribute".

Da mal drauf klicken und schauen ob unter "alle anzeigen" der Haken gesetzt ist ...

Hallo Thomas, mit folgendem CSS wird die Linie für die mobile Ansicht ausgeblendet.

Einstellungen > CSS:

<style>
@media (max-width: 979px) {
#header {
border-bottom: none;
}}
</style>

Das mit dem Chat klappt irgendwie nicht.

• "Position Suchfeld" am besten nur "UNTEN / OBEN / KEINES" weil da spielen noch mehr Faktoren eine Rolle je nachdem wie Menü/Logo positioniert sind.
• "Header Darstellung Bild" noch die Option "BEIDES" hinzufügen, ich habe 2 Layouts gefunden die beides können.
• "Logo Position" das "OBEN MITTIG ÜBER NAME/SLOGEN" am besten ändern in "OBEN MITTIG", sonst müssten wir die Optionen endlos erweitern.

Hallo Tom, schau mal hier:

• Accordion 2020
• Accordion 2021
• Accordion 2022
• Accordion 2023

Schau dir mal dieses Widget an: LAUFSCHRIFT

Logo anstatt Ja, nein, eventuell Links, Rechts, Mitte, Links/Rechts, Links/Mitte/Rechts

Im Abschnitt Header noch ein "Mobile Darstellung" (Beschnitten ja/nein). Eventuell fällt da jemandem noch ein besserer Begriff ein.

Gemeint ist das die Header-Bilder auf kleineren Bildschirmen "Zentriert vergrößert" werden, wie zB, bei Flat Resp.

Ich kann da meinen beiden Vorrednern nur beipflichten.

Wenn du den Rat von Tom nicht annehmen möchtest sehe ich da nur 4 Möglichkeiten.

1. So lassen wie es ist.
2. Layout "Bella Responsive" nutzen, dieses hat von Haus aus nur das "Mobile Menü".
3. "Seitentyp Leer" nutzen und das Widget "Navigationsmenü" nutzen, dieses lässt sich ebenfalls so Einstellen das nur das "Mobile Menü" genutzt wird.
4. "Seitentyp Leer" nutzen und das externe Widget "Sliding Hauptmenü" nutzen, dieses lässt sich auch so einstellen das es sofort eingeblendet wird.

Hallo,

schau dir mal dieses Widget an: "Scroll Animation 2"

Hiermit kannst du den Header sowie jeden Artikel dem sich eine CSS-Klasse zuweisen lässt mit einer Vielzahl von Animationen versehen.

Zusätzlich kannst du eine Zeitverzögerung einbauen, damit die Animation auch erst dann abspielt wenn die Seite vollständig geladen ist.

Hier ein Beispiel: Zoom-In von unten nach 0,3 Sekunden

Anschließend auf das Bild klicken, somit öffnet sich ein weiteres Menü mit umfangreichen Einstellungsmöglichkeiten für das Bild.

Die Artikel finde ich ziemlich eng beieinander und somit unübersichtlich, wenn du hier mehr Abstand zwischen den Artikeln einbaust kannst du auch die Scroll-Position beeinflussen.

Öffne jeden verlinkten Artikel gehe unten links auf das "Mischpult", anschließend Rechts auf "Mehr". Trage hier unter Inline-CSS folgendes ein: margin-top:100px

PS: 100px ist natürlich ziemlich viel Abstand, aber das ist eben die Höhe welche es zu überbrücken gilt. Einfach mal testen wie es bei dem Abstand aussieht. Eventuell kannst du den Wert auch etwas verringern. Einfach ausprobieren.

Dort wo deine Links zu den Sprungmarken positioniert werden sollen einen neuen Textartikel anlegen auf "Quelltext" umschalten und den Code einfügen.

Ich führe dir das hier einmal an einem Beispiel auf.

Nehmen wir mal an die hast folgenden Text:

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.

Hier möchtest du auf die Wörter am Anfang Wortbergen und am Ende Blindtexte verlinken.

Schalte im Editor um auf Quelltext passe diese Wörter folgendermaßen an:

Weit hinten, hinter den <span id="zieleins">Wortbergen</span>, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die <span id="zielzwei">Blindtexte</span> beherrscht – ein geradezu unorthographisches Leben.

Für die Verlinkungen kannst du ebenfalls den Editor nutzen und schaltest wieder auf Quelltext um.

Hier trägst du folgende Verweise ein:

<a href="#zieleins">Link 1</a><br><a href="#zielzwei">Link 2</a>

Ich finde das man die Funktionen der Layouts ganz gut ersehen kann, zumal ja der von Stefan angesprochene Filter schonmal sehr hilfreich ist.

Als erstes müsste man die von Thomas begonnene Liste vervollständigen damit man nicht jedesmal alle Layouts neu prüfen muss wenn eine Funktion hinzu kommt.

Ich persönlich fände es wichtiger anzugeben welches Alter die Layouts haben, denn auch wenn einige mal ein Update bekommen haben fangen manche schon ein wenig an zu humpeln.

Ich glaube nicht das es um "Youtube Link in einer Fancy-Box" geht.

Zitat von Elradin

Ich habe einen Hyperling auf text gesetzt, welcher auf ein Youtube-Video verweist.

Ich habe das mal getestet.

• Wird der Link im neuen Fenster angelegt funktioniert dieser in der Browser-Vorschau.
• Wird der Link im gleichen Fenster angelegt funktioniert dieser in der Browser-Vorschau nicht, weil YouTube versucht das Video auf dem lokalen Server zu öffnen. Nach dem Veröffentlichen funktioniert der Link aber Problemlos. BEISPIEL

Kurz zur Info.

Hier wurde eine "Artikelgruppe" im Widget-Ordner abgespeichert, was den Fehler verursacht.

Artikelgruppen müssen zwingend in dem Ordner "articlegroups" gespeichert werden.

Für die Entwickler hier sicher zu wenig Infos.

Ich habe dir hier geantwortet. LINK

Hallo Sandra,

wenn ich richtig verstanden habe sollte dieses das richtige dafür sein: Position Bild

Zitat von StephanJost

Oh, cool - vielen lieben Dank - dann mache ich das mal

Am besten gleich mit Screenshot und Link. Damit ich genau nachvollziehen kann was du vor hast.

Bannerbereich ganz in den Vordergrund stellen ist ganz schön schwammig formuliert.

Hierfür ist eventuell auch dieses Widget interessant. TEXT TOGGLE

Unter "Einstellungen > CSS" folgendes einpflegen:

<style>
#slider .flex-caption p {
background: blue;
max-width: 375px !important;
padding: 5px 15px;
margin-left: 50px;
}

@media (max-width: 500px) {
#slider .flex-caption p {
max-width: 375px !important;
padding: 5px 15px;
margin-left: 50px;
}}
</style>

Die Werte musst du nach deinen Bedürfnissen anpassen. Im 2. Teil des Codes kannst du noch Anpassungen für die mobile Ansicht vornehmen.

Ja das Widget stammt von mir, die Seite "zella.de" ebenfalls.

Beides hat grundsätzlich nichts miteinander zu tun. Lediglich das von Tom angesprochene Forum welches im Widget verlinkt ist liegt auf dem Server von "zella.de".

Bisher liegen mir keine weiteren Infos dazu vor. Vorsichtshalber werde ich aber gleich mein FTP-Passwort ändern.

Hallo Guido,

der Elch hat schon recht, ich versuche das hier mal genauer zu erklären.

<img src="deinbild.jpg" />

Ein Bild ohne weitere Attribute

<img src="deinbild.jpg" alt="deinbild-alttext" />

Ein Bild mit dem "Alt-Text Attribut", dieser Text wird angezeigt wenn aus irgend welchen Gründen das Bild nicht dargestellt werden kann.

Dieses Attribut ist für Google wichtig.

<img src="deinbild.jpg" alt="deinbild-alttext" title="deinbild-title" />

Ein Bild mit dem "Alt-Text Attribut" und "Title Attribut", das "Title Attribut" wird beim überfahren mit der Maus am Desktop-PC angezeigt.

Ob das "Title Attribut" für Google von Belang ist darüber streiten sich die Gelehrten. Die Tendenz geht eher zu nein.

In Zeta Producer ist das "Title Attribut" leider etwas unverständlich ausgewiesen aber leicht zu vergeben. Du hast ja das "Alt-Text Attribut" bereits vergeben. In der Bildverwaltung befindet sich direkt darunter ein Fenster "Beschreibung" , das was du hier eingibst wird als "Title Attribut" ausgegeben und sollte beim überfahren mit der Maus angezeigt werden.