Beiträge von Mario

  • Eigenen Code für Head / Body / Footer einfügen

    Ja das geht problemlos.

    Unter Erweitert > Attribute > Standard findest du folgende Attribute:

    • additional_meta "Fügt den Code in den Header" also zwischen <head> und </head>
    • body_start   "Fügt den Code in den Body" direkt nach dem öffnenden <body>
    • footer_script   "Fügt den Code in den Footer" direkt vor dem schließenden </body>

    Dort trägst du deinen Code ein, dazu benötigst du kein weiteres Widget.

    Ja der Footer ist Teil des "Bodys" muss aber immer ganz am Ende stehen weil der Code der da rein gehört zumeist in der Reihenfolge unter dem dazugehörigen Code im "Body" stehen muss.

    PS: "Erweitert > Attribute" fügt den Code allen Seiten des Projektes hinzu. Solltest du diesen nur für eine Seite benötigen kannst du das gleiche über die Seiteneigenschaften der entsprechenden Seite machen.

  • cookie consent einbinden

    Ich habe ein Widget erstellt mit dem ihr das Layout des "Cookie Consent" Widgets anpassen könnt. Dies ist allerdings kein klassisches Widget. Hier macht ihr eure Anpassungen in einer CSS-Datei. Diese Anpassungen werden anschließend in der CSS-Datei des Projektes übernommen. LINK

    • Alternativ funktioniert das auch mit folgendem CSS.
    • Die Zeilen welche nicht benötigt werden können einfach entfernt werden.
    • Dieses CSS greift nur für für die Einstellung "Design Hell"

    Einstellungen > CSS

    Welche Variante nutzen?

    • Macht Ihr viele Änderungen würde ich das Widget nutzen.
    • Macht Ihr nur wenige Änderungen würde ich das CSS nutzen.
    • All zu viel CSS im Head gefällt Google nicht.

  • Änderung der Hintergrundfarbe im Dropdown-Menü bei Mouseover im Layout "Top Responsive"

  • Änderung der Hintergrundfarbe im Dropdown-Menü bei Mouseover im Layout "Top Responsive"

    Um helfen zu können bitte genauer ausdrücken.

    • Geht es um das Hauptmenü, das Untermenü oder beides?
    • Geht es darum den Jeweiligen Link beim überfahren mit der Maus eine andere Hintergrundfarbe zu vergeben oder oder dem ganzen Menü? Idealerweise sollte sich die andere Farbe dann auch über die Gesamtbreite des Menüs erstrecken und nicht nur unmittelbar hinter dem Text.
    • Am besten mit einem Screenshot aufzeigen was du erreichen willst wenn der Mauszeiger wo ist.

  • Seite ausblenden

    Hallo Akki,

    ich würde nicht empfehlen eine Hauptseite auszublenden oder umzuleiten. Das verwirrt den Nutzer der Seite.

    Besser wäre es auf dieser Seite das "Widget Untermenü" zu platzieren. Sollte dies dir optisch nicht gefallen einfach die 3 Seiten manuell mit der "Linkbox" verlinken.

  • Untermenü Schriftgröße

    Gerade getestet. Ist der richtige Code, das margin-bottom: 10px; ist hier aber nicht nötig. Macht eventuell auch Sinn für "Mobile" wieder zurück zu schalten.

    Würde dann so aussehen:

    CSS
    <style>
.zpSO-SubMenu li {
font-size: 1.5em;
}
@media (max-width: 960px) {
.zpSO-SubMenu li {
font-size: 1em;
}}
</style>

  • Größe ändern

    Du hast dich glaub missverständlich ausgedrückt. Die Grafik hat schon 1000x400px LINK.

    Diese wird aber größer skaliert da sonst Ränder entstehen würden.

    Gehe ich recht in der Annahme den Navigationsbereich auf der Linken Seite Breiter haben willst und den Inhaltsbereich rechts schmaler?

  • Fünf Objekte in einer Reihe

    Zeta Producer hat ein Grid-System mit 12 Spalten. Mit 5 Artikeln geht das nicht auf, außer du packst rechts und links noch einen Spacer hin. Ergibt dann 10 Spalten und es bleiben 2 für jede der 5 Linkboxen. Allerdings geht dir dann Platz verloren und es wird Optisch nicht mehr so ansprechend sein.

    Alternativ kannst du dir das mal anschauen LINK Card 5.

    Diese sind nicht vom Grid-System abhängig und werden auch nicht skaliert. Es wird sofort umgebrochen wenn der Platz nicht mehr ausreicht. Skaliert wird erst bei einspaltig wenn der Bildschirm zu klein ist alles zu erfassen. Auch lässt sich dieses Widget wenn gewünscht auf die ganze Bildschirm-Breite einstellen, so hat man mehr Platz und mehr gestalterische Möglichkeiten.

    PS: Dieses Widget bekommt in den nächsten Tagen ein Update. "Einfachere Handhabung und mehr gestalterische Optionen"

  • Tabs/Akkordeon Widget

    Zitat von R. Lehmann

    Hallo Mario

    ... Kannst Du mir sagen wo ich den entsprechenden Quelltext einfügen kann, um anschliessend z.B. das Widget "Accordion Single" nutzen zu können. ...

    Habe ich doch in Beitrag 6 bereits getan: Hier ist beschrieben wie du ein Widget einfügst. Das Widget Quelltext findest du unter dem Reiter Sonstiges.


    Warte mal besser ab ob eine Aktualisierung für das "Widget Tabs" kommt. So etwas geht bei Zeta Producer manchmal rasend schnell.

  • Tabs/Akkordeon Widget

    Ja, kann er.

    Aber hier muss der Inhalt komplett per Quelltext eingegeben werden.

    Wenn du aber das Widget Quelltext nicht kennst wirst du hiermit nicht glücklich werden.

    "Diesen Code per Widget > Quelltext einfügen und anpassen."

    Hier ist beschrieben wie du ein Widget einfügst. Das Widget Quelltext findest du unter dem Reiter Sonstiges.


    PS: Ich hatte auch mal überlegt ein Widget Akkordeon zu erstellen. Aber seit dem man das Widget Tabs auch am Desktop als Akkordeon darstellen kann habe ich darin keinen Sinn gesehen.

  • mobil wird oben ein breiter Rand angeigt

    Hier scheint das Layout "Stripe Responsive" ein Problem mit dem sehr großen Logo zu haben. Bei 569px Bildschirmbreite wird das Lago skaliert der Inhalt rutscht aber nicht nach.

    Mit folgendem CSS kannst du hier Abhilfe schaffen.

    Einstellungen > CSS

    CSS
    <style>
@media (max-width: 570px) {
body {
padding-top: 162px !important;
}}
</style>

    Den Wert 162px musst du eventuell noch etwas anpassen.

  • Hilfe zum Dateibrowser

    • Was in der Live-Vorschau angezeigt wird spielt hierbei keine Rolle.
    • Unter https://www.haselau.eu/calibre.php seht folgender Code /kunden/homepages/45/d774833585/htdocs.
    • Diesen kopieren, in ZP das Widget Dateibrowser einfügen und dort diese Adresse einfügen /kunden/homepages/45/d774833585/htdocs.
    • Das Widget Quelltext kannst du anschließend wieder löschen und die Website veröffentlichen.

    So wie HIER beschrieben.

  • Logo und Hauptmenü springt

    Die Scrolleiste bzw. Übergröße ist auf jeden Fall die Ursache.

    1. Schau mal ob irgendwelche Animationen eingeschaltet sind.
    2. Slider löschen und wenn das Abhilfe schafft neu einfügen.
    3. Wenn das nicht hilft würde ich die Seite "Philosphie" einfach neu aufbauen. Sind ja nur 2 Artikel.

  • Unterschiedliche Hintergrundbilder pro Seite

    Füge das Bild der Bildverwaltung hinzu und kopiere die Objekt-ID:

    • Erweitert > Bilder > Importieren.
    • Zahnrad > Eigenschaften > Weiteres > Bild schützen
    • Zahnrad > Mehr > Objet ID kopieren
    • Bildverwaltung schließen


    Öffne die Attribute der gewünschen Seite und füge folgenden Code hinzu:

    • Zahnrad > Bearbeiten > Attribute > Standard > mobile_script
    • Hier fügst du folgenden Code ein:
    Code
    <style>
body {
background-image: url("DEINE-OBJEKT-ID");
background-position:center;
background-attachment:fixed;
background-size:cover;
}
</style>

    Den Teil DEINE-OBJEKT-ID löschst du raus und fügst hier die kopierte OBJEKT-ID ein.

  • Campfire Hauptmenü verschwindet im Hamburgersymbol (mobile Ansicht). Wie unterbinden?

    Zitat von Friedrich
    • Zunächst mal staune ich, mit welchem pfiffigen Trick Du das Hauptmenü überhaupt sichtbar gemacht hast.

    Dann hast einen sehr kleinen Bildschirm oder eine riesige Auflösung eingestellt. Bei meiner Bildschirmauflösung 1920x1080 (Full-HD) sieht deine Seite so aus.


    Zitat von Friedrich
    • Was muß ich bitte einstellen, damit Campfire wieder, wie alle anderen Layouts und das alte Clean Style ja auch, wie in diesem Link zu sehen, ganz normal nach rechts klappt, wo mehr als satt Platz ist?
    • Das bringt auch nicht viel weil da ebenfalls Untermenüs vorhanden sind.
    • Verzichte auf lange Links wie "F.A.Q. - Häufigste Fragen & Schein-„Argumente“ erwidern". Hier würde ein "FAQ" oder "Häufige Fragen" völlig ausreichen.