Beiträge von Mario

• Ein Logo kannst du einfach hinzufügen in dem du im Quelltext ein verlinktes Bild vor dem Menü einfügst. Das hatte ich weg gelassen weil dein Logo in klein nicht rüber kommt und in voller Größe zu viel Platz weg nimmt.
• Wegen dem Bild im Vordergrund müsste man wohl noch einen z-index hinzufügen. Dazu müsste man wissen wie du das Bild eingebunden hast welches sich vor das Menü schiebt.
• Ich habe die Seite nochmal hochgeladen. Ein Kleineres Logo hinzu gefügt und zwei Bilder eingefügt, einmal per Widget Bild und einmal per Widget Text. Beide bleiben hinter dem Menü. LINK

Ja genau das meine ich.
Der top-padding Wert sollte dann eben nicht höher ausfallen als die Navi-Leiste inkl. Logo.

Ok, das habe ich soweit verstanden.
Kommt dazu in nächster Zeit ein update?

Wenn das schon so lange so ist, dann ist das so und gehört zum Wie­der­er­ken­nungs­wert. Irgendwie auch eine Art Logo.

Ich finde die Seite auch sehr gelungen. Richtig übersichtlich und vermittelt einen professionellen Eindruck.

Noch ein Tipp:

• Ändere die Überschrift "Willkommen bei Hundewelten" in "Ausbildung bei Hundewelten" und mache aus der "H2" eine "H1 Überschrift". Google wird sich dafür bei dir revanchieren.
• Auch in den anderen Seiten solltest du die Überschrift in "H1" abändern. Aber immer nur eine "H1" pro Seite.

Hallo Zeta-Team,
mir ist ein Verhalten im Bannerbereich des Layouts "Stripe Responsive" aufgefallen.

Wenn man einen Artikel im Bannerbereich platziert springt dieser beim scrollen um ca. 100px nach unten sobald die Menüleiste am oberen Bildschirmrand fixiert wird. Da der Bannerbereich einen recht großen Abstand zum Inhalt der Seite hat nutze ich und sicher auch andere Nutzer gerne das Inline-CSS um den Bannerbereich näher an den Inhalt der Seite zu rutschen. Dann wird das ganze erst richtig ersichtlich. Zu sehen auf meiner Seite code.zella.de.

Zum besseren Verständnis habe dazu mal eine Seite hochgeladen:

• Text im Bannerbereich LINK
• Text im Bannerbereich (margin-bottom:-80px;) LINK
• Bild im Banerbereich LINK
• Bild im Bannerbereich (margin-bottom:-60px;) LINK

Ich bin mir nicht sicher. Aber glaube das tritt seit diesem Update auf. LINK

So könntest du das umsetzen. LINK

Naja irgendwie muss ja Zeta Producer auch seine Mitarbeiter bezahlen und eine Free-Version wie von Zeta Producer habe ich bei der Konkurrenz noch nicht gesehen.

Das im Layout einzubauen ist sicher sehr Aufwendig und übersteigt womöglich auch meine Kompetenzen.
Aber ich hätte noch eine andere Idee. Da du ja nur die erste Menüebene benutzt könnte man ein zusätzliches Menü einblenden lassen sobald die Navigationsleiste aus dem Bildschirm scrollt. Hier könnte man deine Seiten verlinken und auch ein verkleinertes Logo einbauen.
Das hätte dann auch den Vorteil das man diese Leiste etwas verkleinert darstellen kann. Das Grundprinzip wäre dann so wie HIER.

Wenn du möchtest kann ich das für dich anpassen.

Ich habe das leider nicht verstanden. Kannst du ein Beispiel posten wo man das sieht?

Scheint mir als würde die Kopfgrafik nicht skaliert sobald da Text eingefügt ist.
Das sollte sich wohl besser der Zeta-Support am Montag anschauen.

Hallo Gerhard,
wegen der Social Media-Button kannst du folgendes tun.

• Erhöhe im CSS den Wert " media (max-width: 1089px)" um ca. 100 Pixel. Somit werden die Button früher ausgeblendet.
• Füge der Klasse ".social" ein "z-index:2" hinzu. Somit werden die Button vor der Grafik abgebildet. Je nach Layout kann es sein das du den Wert erhöhen musst.

Wenn du neu anfängst, dann unbedingt mit einem Layout welches in seinem Namen das Wort "Responsive" enthält. Das ist heutzutage Pflicht, weil über die hälfte aller Webseiten mit einem mobilen Gerät aufgerufen werden und zudem Statische Seiten von Google abgestraft werden.

Ich habe nochmal genauer geschaut ob man das auch mit CSS anpassen kann.
Der Padding-Wert liegt nur bei 5 Pixel und ein Minus-Wert funktioniert hier nicht.

Aber mit ein bisschen Margin im Minusbereich geht das.
Wenn du also mit dem oben beschriebenen "Abstand von oben" nicht auskommen solltest kannst folgendes CSS testen. Den Margin-Wert so anpassen das es eben gerade so passt.

<style>div.flex-caption .caption-text {    padding: 0 0; margin-bottom: -10px;}</style>

Hallo Yannik,
Scheint mir so als wäre im Layout der Padding-Bottom Wert ziemlich hoch.

Gehe im Layout-Designer auf "Kopfgrafik > Text > Abstand von oben". Und verringere diesen Wert. Ich denke 15 Pixel weniger sollten in deinem Fall ausreichen.

Ich lese hier schon eine ganze Weile mit und möchte dir das gerne ausreden.

Ich verstehe durchaus dein Problem, aber hier musst du umdenken. Ständig im Menü rum zu klicken schreckt den User eher ab. Da macht es schon Sinn auf der übergeordneten Ebene ein Untermenü einzufügen. Ich füge zum Verständnis hier mal ein paar Links meiner Seite ein.

• code.zella.de hier habe ich auf jeder Hauptseite das Widget "Untermenü" eingefügt. Das ist zugegeben nicht sehr schick, aber wenn ich Seiten hinzu füge oder lösche passt sich mein CMS automatisch an.
• https://www.zella.de/uebernachtung.html , https://www.zella.de/ferienwonungen.html oder https://www.zella.de/reitbetrieb.html hier habe ich Grafiken und Hover-Texte verwendet, so wird dem User nicht langweilig und er bekommt schon einen Vorgeschmack was ihn auf der Seite erwartet.
• Oder auch anders herum. Weil es zu viele Links im Menü wären habe ich in folgenden Beispielen die Seiten im Menü ausgeblendet. Diese sind nur über die übergeordnete Ebene erreichbar. https://www.zella.de/pferde.html oder https://www.zella.de/foto/

Schau dir das mal in Ruhe an und überdenke nochmal dein Vorhaben.

Meine beiden Vorredner haben natürlich grundsätzlich recht. Aber das Eselsohr ist wieder im kommen. Da ich ja ein Freund von dezent eingesetzten Animationen bin habe ich mich mal gleich damit beschäftigt.
Das geht auch mit JS und/oder CSS. Für die mobile Ansicht kann man anpassen oder ausblenden.
Ich habe mal ein Beispiel hochgeladen. LINK

Hallo Norbert,
ich habe mir das mal angeschaut.

Da deine jAlben nicht responsive sind und ich nicht glaube das du diese neu erstellen möchtest würde ich diese extern verlinken.

Hallo Norbert,
hier mal ein Beispiel, ist zwar nicht jAlbum aber das ist eigentlich egal:

• diese Diashow habe ich extern auf den Server geladen LInk
• und hier habe ich diese dann per IFrame eingebunden Link

• Hier findest du eine Anleitung wie du deine Diashows auf den Server bekommst LINK
• Anschließend kannst du diese ganz einfach über Widget > Sonstige > iFrame in deine Zeta-Seite einbinden.

Ich habe das jetzt mal temporär über die .htaccess probiert.
Das funktioniert, aber die Ladezeit nimmt deutlich zu.

folgendes habe ich der .htaccess hinzugefügt:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !\.html$ [NC]
RewriteRule ^(.*)$ $1.html [L]

https://www.zella.de/schwimmteich

Ich habe das mit dem Order mal probiert. Das funktioniert, wobei ich nicht glaube das dies für Google der richtige Weg ist.

Hier die Seite: https://www.zella.de/test/13
Hier eine Hauptseite: https://www.zella.de/test/13/reitbetrieb
Und noch eine Hauptseite: https://www.zella.de/test/13/freizeit

Ich habe einfach unter Bearbeiten > Google > Ordner einen Ordnernamen vergeben und unter Dateiname "index" ausgewählt.

Hallo Norbert,
da du ja schon deine Fotoshows mit JAlbum erstellt hast und es auch so viele sind würde ich an deiner Stelle etwas anders vorgehen. Auch um das Projekt nicht so riesig werden zu lassen.

Ich würde die bereits erstellten Fotoshows mit einem FTP-Programm wie zB. FileZilla auf den Server laden. Diese würde ich dann per iFrame in des Projekt einbinden.

Ich glaube hier liegt ein Denkfehler vor. Falls dem nicht so ist bitte korrigieren.

Ich nehme an Jochen denkt so wie ich zu Anfang auch das du in einem Unterordner "starface" veröffentlicht. Ich glaube aber du veröffentlichst im Hauptverzeichnis?

Das kann so nicht funktionieren. Eine Seite kann immer nur mit einer Endung aufgerufen werden. Außer die Seite heißt "index", dann kann man die Seite auch mir dem Ordnernamen öffnen. Zum besseren Verständnis führe ich mal ein paar Beispiele von meiner Seite auf.

• https://www.zella.de/ liegt im Hauptverzeichnis hier wird die Seite https://www.zella.de/index.html aufgerufen.
• Hier habe ich ich zB. einen Unterordner "pferdezuchtverein" angelegt. Mit https://www.zella.de/pferdezuchtverein wird also die Seite https://www.zella.de/pferdezuchtverein/index.html aufgerufen.

Früher wurde es so gehandhabt das für jede Seite ein extra Ordner angelegt wurde und hier die Seite wiederum "index" hieß. Somit waren alle Seiten auch ohne Endung erreichbar.
In Zeta Producer werden alle Seiten im Hauptordner abgelegt. Unterordner gibt es nur für Bilder, Videos, CSS, JS und Co.

PS: Ich habe mich noch nicht damit beschäftigt. Aber eventuell kann man mit dem Feld Bearbeiten > Google > Ordner daran etwas ändern.

Hallo Heidemann,
wenn ich das richtig sehe hast du das Logo über das Widget "Bild" eingefügt?

Du könntest das Bild mit folgendem CSS ab einer bestimmten Bildschirmbreite verkleinern.
Gehe zu Einstellungen > CSS und und füge dort folgendes ein:

<style>
@media (max-width: 669px) {
 .logoscale {
transform: scale(.5, .5);
}
</style>

Nun öffnest du das Widget "Bild" in dem du das Logo eingebunden hast. Gehst hier unten links auf das "Mischpult" und dann Rechts auf "MEHR".
Hier fügst du unter CSS-Klasse folgendes ein:

logoscale

Jetzt wird dein Logo ab einer Bildschirmbreite von 669 Pixeln um 50% verkleinert dargestellt.

Mehr zu dem Thema findest du auch HIER

• Gehe auf das Symbol "Stil"
• Jetzt zum Button "Weitere Symbole"
• Nun ganz unten auf den Button "Benutzerdefinierte Symbole"
• Hier kannst du eine Grafik vom PC hochladen

Das hat mir jetzt keine Ruhe gelassen.
Mit dem hier geht noch mehr. Nur immer dezent einsetzen.
LINK

Boh noch mehr Arbeit

Zitat von Gawainos

Hi Mario, ist die Probsteizella deine Pension/Anlage/Hotel/Feriendomizil?

Ja, richtig.

Ja, vor allem die Fenster mit fester Größe. Wie "Einstellungen > CSS" zum Beispiel.

Stimmt ich hatte das nur im Chrome getestet.
Da muss ich wohl nochmal ran.

Wegen deinem Code habe ich dir eine Mail geschrieben.

Ist zwar nicht genau das was du suchst. Aber eventuell hilft es ja. LINK

Das dürfte schwierig werden, weil es in diesem Layout so angedacht ist das die Kopfgrafik immer den ganzen Bildschirm füllt.

Eventuell mal das Layout "Stripe Responsive" anschauen.
Hier kannst du wählen ob die Kopfgrafik hinter oder unter dem Menü platziert wird.
Sollte dir der Header nicht so recht passen kannst du alternativ auch das Widget "Slider" als Header verwenden. Ich habe HIER mal ein Beispiel hochgeladen.

Gibt es jetzt auch für Zeta Producer.
Und zwar schön dezent. LINK

Bis es da ein Update gibt kannst du dir mit folgendem CSS behelfen:

<style>
div.flex-caption {
    max-width: 1200px;
}
</style>

Den Wert "1200" änderst du in den Wert den du als Webseiten-Breite angegeben hast.

Mit "F8" in den Spalten-Modus wechseln.

Ich finde die Qualität auch gut.
Die Bilder werden mit 2.047px×1.365px veröffentlicht. Sollte also eigentlich alles soweit passen. BILD

Ich würde die Bilder allerdings vorher etwas beschneiden. Weil so hochformatig werden die eh nicht dargestellt.

Naja, ich finde es schon logisch, ist ja bei der vorgegebenen Breite auch so.
Alternativ könnte man auch eine zusätzliche Option im Layout-Designer integrieren.

Kann man da etwas über CSS machen?
Ich habe da zwar etwas gefunden, kann aber damit nichts anfangen:

data-breakpointmobilemenu="979"

Was ich meine ist, wenn ich die Seitenbreite beispielsweise auf 1200px vergrößere dann sollte der "festgelegte" Breakpoint für den "mobilen Button" automatisch auf 1199px angelegt werden.

Ich weiß natürlich nicht ob das so einfach umsetzbar ist. So wie es jetzt ist sieht es jedenfalls etwas unglücklich aus.

Passt!

Alles bestens.