Beiträge von Mario

Zitat von sseiz

OK, der Header-Bug ist gefixed und ein entsprechendes Layout-Online-Update ist raus.

Zitat von sseiz

Das mit dem Suchfeld ist so gewollt, sonst haben nämlich Lange Menüs mit vielen Einträge beim aktivieren des Suchfelds Umbrochen und das sah dann alles grottig aus. Jetzt legt sich das Suchfeld über die Menüeinträge. Wenn das nicht gut aussieht, bitte die Hintergrundfarbe des Suchfelds auf eine nicht transparente Farbe stellen, dann ist es viel besser.

Finde ich gut. Man muss sich halt erst mal daran gewöhnen das man in 12.5 die Transparenz einstellen kann.

Ich grabe dieses Thema nochmal aus weil der Fehler in 12.5 nicht behoben wurde.

Ich habe den Code vom Jochen auch ohne Erfolg eingebunden.

Hier der eingebundene Code
Hier die dazu gehörige Seite

Hier das ganze in 12.5

Um den Fehler zu sehen das Browserfenster in der Höhe verkleinern und anschließend auf neuer Eintrag klicken.
Dort wo sich das Fenster hinter versteckt ist diese Grafik die ich im Layoutdesinger als Hintergrundgrafik für das Logo gewählt habe.

Bitte Z-Index anpassen.

Zitat von sseiz

Zusatzinfo: Man muss die Kopfgrafik auf "skalierend" stellen, damit der Fehler auftritt.

Logisch, der Titel heißt ""Skalierung Header "Producer Responsive 12.5"" wenn der Header nicht auf skalierend steht tritt der Fehler natürlich nicht auf.

PS: Wenn Sie sich gerade durch den Code von "Producer Responsive" kämpfen, eventuell gleich nach den Suchfeld schauen.

In den Beispielen mal mit der Maus über das Suchfeld fahren.
Producer Responsive 12.1Producer Responsive 12.5

Da muß ich heftigst wiedersprechen.
Dieser Seite wurde kein einziger CSS-Eintrag hinzu gefügt!

Ich gehe davon aus das der Eintrag im Tamplate des Layouts steht, das hatten wir HIER schon einmal

Das Projekt wurde so angelegt wie HIER von Jürgen beschrieben. Anschließend wurde auf der Startseite ein zu vererbender Header angelegt und dieser in den Layoutdarstellungen auf skalierend gestellt.

Welches Layout ist das? Da liegt sicher noch ein Fehler im Layout vor.

Probier mal dieses Riesen-Foto "Gemeinde stellt neue Hockey-Tore auf" auf eine Breite von 890 Pixeln zu skalieren bevor du es einfügst.

Hallo Kuhagi,

Das mit dem Scrollbalken habe ich auf meiner Seite zella.de auch in mobilen Geräten. Da es sich aber nur um 2 oder 3 Pixel handelt und der Balken auf dem Smartphone recht klein gehalten wird habe ich mich bisher noch nicht darum gekümmert. Motorola MotoX mit Chrome.

Um das Menü linksbündig zu bekommen kannst du die Padding-Werte anpassen.
Gehe zu Einstellungen > CSS und gib dort den unten angegebenen Code ein.
Der 1. Wert gibt den Abstand nach oben an, der 2. den Abstand nach Rechts, der 3. nach Unten und der Letzte nach Links.

<style>
.navbar .nav > li > a {
padding: 10px 20px 10px 0;
</style>

Hallo Horst,

• Welche Zeta-Version verwendest du?
• Welches Layout wird verwendet?
• Wie genau hast du diese Bilder eingefügt?
• Gibt es schon einen Link dazu?

Die Überschrift zu ändern geht wahrscheinlich nur per Eingriff in das Layout.
Dazu wird dir sicherlich der Zeta-Support am Montag etwas sagen.

Ausblenden kannst du das vorerst folgendermaßen. Gehe auf Einstellungen > CSS und füge dort folgendes ein:

<style>
#newsbox .heading {
font-size: 0px;
border-bottom: none;
background: none;
}
#sidebar .submenu1heading {
font-size: 0px;
border-bottom: none;
background: none;
}
</style>

Was genau willst daran ändern?

Ich hänge mich mal hier rein, Gawainos hat vollkommen recht.

• Das Banner im Kopfbereich geht gar nicht, zerschießt dir das ganze Layout. Nutze hierfür entweder eine Hinweisbox oder ein entsprechendes Widget vom Thomas. ( Sticky oder Cookie-Hinweis )
• Schieß den Vogel ab, du brauchst ein eigenes Logo, oder eben gar keins.
• Die Bilder im Header sind zu klein und der Rahmen passt da nicht hin.
• Die Hinweisboxen in der Sidebar sollten besser Blau sein. Du kannst im Widget auch einen eigenen CSS-Stil angeben und somit auch einen Farbverlauf angeben. Gib dort mal folgendes ein:

background-image: linear-gradient(to bottom, #336699 0%, #000033 100%);

Ich hatte HIER schon mal auf den Fehler hingewiesen. Dies ist sicher durch die vielen Beiträge über Ostern unter gegangen.

Dieser Link dürfte selbsterklärend sein.
Das Browser-Fenster verkleinern, die Seite aktualisieren und dann wieder vergrößern. Dabei den Header beobachten.

Ich sehe da aber eher das Problem im Firefox als in ZP.
Die Darstellung ist in 12.2 gleich LINK

Ok das sieht bei mir genau so aus.

Nein, kein Versatz im Navigationspfad.
Poste mal einen Screenshot, kann mir nicht so richtig vorstellen was du meinst.

Das mit dem Suchfeld tritt auch bei mir in allen Browsern auf, auch auf der von dir oben verlinkten Seite von Zeta.

Hier mit dem Text-Artikel neben dem Kontakt-Text-Artikel.

Du meinst einen Text-Artikel rechts neben neben dem Formular?
Ich kann keinen Versatz im Navigationspfad beobachten, FireFox 37.0.1

Hier online

Hm,
ich hatte HIER auf das Problem mit den Weiter-Button im Header hingewiesen.
Ein oder zwei Tage später war das Problem behoben. Einen Hinweis auf Update hatte ich aber nicht.

Hallo Jochen,
ich bin mir nicht sicher ob das bei 12.5 immer noch so ist.

Ich habe bereits mindestens eine Layoutänderung bemerkt ohne eine Nachricht über ein Update bekommen zu haben.

Ich habe das Layout gerade mal getestet.

Mein Laptop hat Touchscreen und Touchpad. Also erkennt das Layout das ich Touchscreen habe, und verwendet auch die Tuchversion des Layouts. Da ich aber fast immer das Touchpad verwende werden mir die Einträge des Unter-Menüs nicht angezeigt. Verwende ich das Touchscreen werden mir die Einträge wie gewollt angezeigt.

Hallo Frankie,
schau mal HIER

Hallo Martin,
schau dir mal alternativ dazu das Widget "Tabellarische-Daten" an (ZP12.5)

Hier kann man einiges einstellen und auch eigene Styles einbinden. Dieses Widget wird auch Responsive dargestellt.

Hallo Pete,
du kannst ZP 2x öffnen und Texte kopieren / einfügen.

Mit ganzen Seiten, Widgets oder Bildern funktioniert das nicht, weil ja dann die ganzen Pfade zu anderen Seiten, Bildern usw. nicht mehr stimmen würden.

Hallo Kück,
ich konnte das Problem nachstellen. Da scheint sich beim letzten Update ein Fehler eingeschlichen haben.
Das Zeta-Team wird sich das sicher gleich morgen ansehen und Abhilfe schaffen.

Im Layout "INFO" wurde scheinbar der ganze "Header-Container" zum Weiter-Blättern des Headers verlinkt, somit funktionieren die Textlinks im Header nicht.

Hallo,

• Welche Zeta-Version wird verwendet?
• Welches Layout wird verwendet?
• Kann man das schon online sehen?

Hallo Renate du kannst normalerweise problemlos alle Seiten , auch die Dateinamen umbenennen.

Anschließend immer "Veröffentlichen > Komplette Website veröffentlichen".
Sollte dies nicht funktionieren erst "Erweitert > Erstellen > Alle Seiten erstellen" und dann "Veröffentlichen > Komplette Website veröffentlichen".

Hallo Beat,
bei der Version hattest du sicher einen Tippfehler, wir sind erst bei 12.5.

Für 12.5 gilt:

• Gehe auf Layout > Kopfbereich.
• Unter Text > Hintergrundgrafik wählst du "kein Bild".
• Unter Text > Hintergrundfarbe wählst du die gewünschte Farbe mit der entsprechenden Transparenz.

Einfach den Header bearbeiten. Dort kannst du Überschrift und Text einfügen.

Zitat von Joerg

Wenn ich eine weitere Seite später der Website hinzufüge

Das habe ich nicht so ganz verstanden.
Dies wird für alle Seiten in diesem Projekt mit diesem Layout übernommen, auch wenn du später dem Projekt weitere Seiten hinzu fügst.

Wenn du das Layout wechselst werden die CSS-Angaben Möglicherweise nicht mehr passen.

Hallo,

das Layout "Modern Responsive" bietet die Möglichkeit Text neben dem Wechsel-Header zu platzieren.

Deine Textboxen kannst du mit dem Widget "Tabellarische Daten" einbinden.

Ok,
du kannst über "Layout > Hauptmenü" die Schriftfarbe der Butten und die Button-Farbe des aktiven Links ändern.

Die anderen Änderungen kannst du erreichen in dem du auf Einstellungen > CSS gehst und in dem Fenster folgendes eingibst:

<style>
.navbar .nav > li > a {
border-radius:0;
background-color: #ff0000;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
background-color: #660000;
}
</style>

• "border-radius" entfernt die Rundung der Button
• Das erste "background-color" ist der Farbwert der Button.
• in dem 2. "background-color" kannst du einen Farbwert für einen HOVER (überfahren mit der Maus) angeben

Fehler im Widget oder bei Zeta kann ich weitestgehend ausschließen. Ich habe auf code.zella.de mein Nach-Oben-Script entfernt und das Widget vom Thomas eingebunden. Es funktioniert auf allen Seiten perfekt. Und das obwohl sich da viele Fremdcodes tummeln wo es Konflikte geben könnte.

Wie ich HIER entnehme hast du das Widget versucht ein wenig abzuändern und der Thomas hat dein Projekt getestet und dieses hat problemlos funktioniert.

Schlußfolgerung für mich ist das dir beim ändern des Widgets noch irgend ein kleiner Fehler passiert ist.

Probiere folgendes:

• Schließe Zeta.
• Lade das Widget beim Thomas erneut runter.
• Überschreibe das alte Widget einfach mit dem neuen.
• Öffne Zeta ...

Hallo Jörg,
Zeta-Producer nutzt hierzu Größtenteils keine Grafiken, diese Buttons werden mit CSS erstellt.

Um dir helfen zu können braucht es weitere Informationen.

• Welche Version von Zeta-Producer nutzt du?
• Welches Layout nutzt du?
• Welche Button willst du geändert haben?
• Was willst du an diesen ändern?

Hallo Jörg,
schau dich mal HIER um.

Ich habe in meiner Website auch ca. 2000 x 1000 px manchmal auch größer. Die Dateigröße habe ich so ca.100 - 150 KB komprimiert.

Ich nutze Photoshop Elements, da gibt es die Option Datei > Für Web speichern ...

Komisches Fenster, wo hast du das gefunden?
Für die Seitenbezogenen Attribute brauchst du eigentlich nur einen Doppelklick auf die entsprechende Seite und dann auf Attribute gehen.
Das sollte dann so aussehen wie im Anhang.

Mit dieser Hintergrundgrafik schaut das richtig gut aus.
Mit 1.6 MB ist diese aber noch ein bisschen fett. Wenn du kein geeignetes Programm hast um die Grafik zu optimieren schau dieses Tool mal an.

Ok,
das mit der Transparenz passt schon, sonst lenkt das zu sehr vom Inhalt ab.

Erstelle eine Grafik von ca 2000x1000 Pixeln, als Format wählst bei einer solchen Grafik besser JPG. Binde diese genau so ein wie du es bereits getan hast und stelle auf nicht wiederholen.

Nun gehst du auf Einstellungen > CSS und fügst dort folgendes ein:

<style>
body {
background-position:center;
background-attachment:fixed;
background-size:cover;
}
</style>

Der 1. Teil zentriert die Grafik.
Der 2. Teil sorgt dafür das die Grafik nicht mit scrollt.
Der 3. Teil passt die Grafik immer entsprechend der Bildschirmgröße an.

Ich habe gerade nochmal geschaut, die Seite ist nicht komplett hochgeladen: http://www.wetter-hamburg-langenhorn.de/awekas.html

Du musst also Punkt 3 durchführen:

• In Zeta "Erweitert > Erstellen > alle Seiten erstellen" anschließend "Veröffentlichen > komplette Website veröffentlichen"

Hallo Dieter,

probiere folgendes in dieser Reihenfolge:

• Den Browser aktualisieren (neu laden)
• Den Verlauf des Browsers löschen
• In Zeta "Erweitert > Erstellen > alle Seiten erstellen" anschließend "Veröffentlichen > komplette Website veröffentlichen"