Poster Responsive modifizieren

    Guten Morgen,

    ich habe eine Frage an unsere Code Spezialisten...

    Folgendes: Beim Layout Poster Responsive brauche ich eine Lösung, wie ich z.B. rechts neben das Menü das Widget (Translate) einbinden kann. zumindest den generierte Quellcode daraus.

    Preview Seite

    Die derzeitige Seite meines Kunden sieht im Moment so aus und ich wollte das Layout so gut wie möglich "nachbauen"

    Kel Torres


    Und: Den Schriftzug Kel Torres habe ich momentan noch als Logo platziert, da ich nirgendwo im Layout und im Programm den Webtitel aktivieren kann. Wenn ich auf Einstellungen/Website Name anzeigen gehe, passiert nix....


    Danke für Eure Mühe.


    Gruss Ronny

    Hallo,

    zur 1. Frage kann ich keinen Support geben. Poster Responsive unterstützt aber die Anzeige von Website-Name und -Slogan nicht. das ist so gewollt. Da müssen Sie sich nicht wundern. Das entscheiden wir immer von Fall zu Fall in den Layouts, wenn es einfach nicht gut aussehen würde, oder wir keinen idealen Platz für den Website-Name finden. Es wäre natürlich besser, wenn die Option im Programm dann auch nicht angezeigt würde, hier haben wir aber bislang keine Möglichkeit, vom Programm aus auf Layout-Eigenschaften zu reagieren.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Danke Herr Seiz für die Info.

    Also bin ich den Weg des geringsten Widerstandes gegangen und habe mir Portfolio Responsive gewählt.

    Es ist soweit alles im grünen Bereich bis auf das Problem mit dem Hintergrundbild.

    Auf dem Desktop sieht noch alles OK aus, auf dem Iphone sowohl quer als auch hoch wird das HG Bild erheblich abgeschnitten. Hab ich jetzt einen Fehler gemacht oder gibt es eine optimale HG Grösse, bzw. einen Workaround dafür?

    Preview Seite

    Hallo,

    nur so zum Test… Versuchen Sie mal das Hintergrund-Bild in einer etwas kleineren Auflösung z.B. mit maximal 1000px Breite. Wird es da besser zentriert?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo,

    HG Bild hat jetzt 999x735px. Geändert hat sich leider nichts.

    (sieh Anhänge)

    Gruss Ronny

    Edit: Ich habe es jetzt auch mit 900 Breite probiert, analog zu den Layout Einstellungen... Das Ergebnis wird nicht wirklich besser.

    OK, danke. Ich schau mir das heute mal an.
    Generell wird das Hintergrundbild in diesem Layout ja so skaliert, dass das komplette Fenster ausgefüllt wird und gleichzeitig wird das Bild dann mittig zentriert.
    Weil mobile Geräte das CSS-Merkmal "cover" für Hintergrund-Bilder nicht unterstützen musste hier ein Workaround eingesetzt werden und der scheint ab einer bestimmten Mindestgröße nicht mehr korrekt zu skalieren/zentrieren.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo,

    versuchen Sie mal folgenden CSS-Code. Der sollte das Bild zumindest korrekt zentrieren. Ist das eine Lösung für Sie?

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"

    <style>
    #bg img {
    position:absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin:auto;
    }
    </style>
    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Guten Morgen Herr Seiz,

    leider hat sich auch mit dem Stylesheet Snippet nichts verändert. Auf dem Iphone Safari Cache gelöscht und aktualisiert, ZP alle Seiten neu erstellt.

    Gruss Ronny

    Oh, sorry. Da hatte noch ein "important" gefehlt, damit es bei Ihnen greift:

    CSS
    <style>
#bg img {
top: -9999px !important;
bottom: -9999px !important;
left: -9999px !important;
right: -9999px !important;
margin:auto;
}
</style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Danke,

    jedoch: Ein wenig besser ist es geworden, doch ist sowohl im Hoch, als auch im Querformat der Kopf abgeschnitten. Gibt es nicht eine Möglichkeit, das man das HG Bild auf dem Smartphone einfach ausblendet?

    VG Ronny

    Edit:
    Ich habe mir jetzt selbst geholfen und entsprechend das HG Bild deaktiviert in der mobilen Ansicht, sowie das Menü und den Content nach oben verschoben.

    Wäre aber schön, wenn im nächsten Update auch das Problem beseitigt werden würde.

    VG Ronny

    Einmal editiert, zuletzt von Ronnyberlin (23. April 2015 um 10:45)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden