Stripe Responsive Layout-Einstellungen

  • Hallo liebe ZP-Leute

    Für einige Kunden-Websites habe ich das "Stripe Responsive" Layout als Basis genommen.
    Leider muss man aber ständig per CSS einige Änderungen innerhalb des Stripe-Layouts vornehmen.


    Ich hoffe, man stört sich jetzt nicht an den vielen folgenden Informationen...? :/


    Slider fixieren:
    Bei den meisten Layouts ist es nicht möglich einen Slider-Widget wie bei "Poster-Responsive" im Header zu fixieren, damit das darunter liegende Hauptmenü und/oder der Content darüber fliesst.
    Hier bei meiner Stripe Responsive Beispiel-Webseite funktioniert das nur, weil ich per Container ein Hintergrundbild integriere. Hier sollte es unbedingt mal möglich sein, dass man innerhalb der Container-Einstellung auch einen Slider einfügen kann. Oder alternativ: das Slider-Widget selbst sollte allgemein fixiert werden können.
    (Es ist mir bekannt, dass sich einige hier im Forum an gewissen Spielereien - wie Parallaxe usw. -stören, aber der Kunde bestimmt in der Regel - und der Markt beweist eindeutig das Gegenteil. Auch bei dieser Kunden-Website hier habe ich einige Scrollmoves nur nach Kundenwunsch erstellt.)


    Hauptmenü:
    Ist die Startseite (index.-Menü) aktiv, wird der Hintergrund bei MouseOver immer grau angezeigt.
    Dass passt aber in keinem Fall zu den übrigen Einstellungen, darum ändere ich dies jeweils per CSS:
    .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    color: #C9A36B;
    background-color: transparent;
    border-color: transparent; }

    Ebenfalls fehlt hier als Mobile-Button das wirklich beliebte Hamburger ICON. Auch das muss ständig per CSS-Einstellung umgeswitcht werden und vor allem möchte man doch die farblichen Einstellungen davon selber bestimmen dürfen. Bei jedem Layout sind die CSS-Anpassung unterschiedlich, was - wie hier aufgezeigt - stets sehr viel händische "<style>" Arbeit bedeutet:
    #menu {
    padding-top:5px; riight:0; bottom:0; position:fixed; width:200px; height:40px; z-index:1; transition: all 0.4s ease-in-out; }
    #menu:hover {
    padding-top:15px; height:400px; width:100%; background:rgba(0, 0, 0, 0.8); }
    .navbar-inner button.btn-navbar {
    text-transform: uppercase; color: #4C474C; background: #DBD9AD; border: 1px solid #4C474C; font-size: 14px; }
    .navbar-inner button.btn-navbar:hover {
    text-transform: uppercase; color: #4C474C; background: #fff; border: 1px solid #4C474C; font-size: 14px; }

    Button:
    Fügt man einen Button-Widget über dem Hauptmenü beim Stripe-Layout ein, muss man einige Einstellungen - wie die inaktive/aktive Schriftfarbe - unter den Teaser-Einstellungen vornehmen. Ausserdem stimmt dass Padding nicht mit den normalen Button-Einstellungen überein. Diese kann ich wiederum leider nur per CSS richtig stellen:
    #banner a, #afterfooter a {
    margin: 0px 0px 20px 0px;
    padding: 7px 15px 0px 15px; }

    Silbentrennung:
    Warum fehlt im Layout-Designer die EIN/AUS Silbentrennung-Einstellung bei so vielen Layouts? Bei einigen Layouts geht's doch auch. Auch hier muss per CSS ständig ergänzt werden:
    h1, h2, h3, p {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none; }

    Dropdown-Menü:
    Da ich ein eigens Dropdownmenü angelegt habe, habe ich im Layout-Designer im Hauptmenü das Dropdown deaktiviert. Kann es sein, dass trotz Deaktivierung des Dropdown-Menüs - bei Android-Tablets - die Untermenüs trotzdem angezeigt werden? Oder ist das eventuell nur bei meinem Android-Tablet so???
    Auf jeden Fall werden die Untermenüs auf dem Tablet bei folgenden Browser: IE, Chrome und Firefox trotzdem angezeigt. Das erzeugt aber eine unschöne Überlappung des bereits darunterliegenden Textes.


    CMS-Widget:
    Da die meisten Kunden einige Seiten auch selber administrieren möchten, kommt man um dieses Thema kaum herum. Hier wäre es doch an der Zeit, dass es bald mal möglich wird, die CMS-Widgets (zBsp.. in "Bella Responsive") nebst im Content zugleich/zeitgleich auch in der Sidebar ein CMS-Widget einzufügen. Bisher funktioniert das nur - entweder oder - und wenn, dann nur immer über ein Quelltext/iFrame. Per iFrame wird aber der Hintergrund auch mitgeliefert, der aber bei einem unterschiedlichen Background - zBsp. in der Sidebar - nicht erwünscht ist.


    Hier geht's zu meiner Stripe Responsive Beispiel-Webseite

    Gruss, Hannes

    Freundlicher Gruss

    Hannes

  • Diesbezg. wird es in Version 14 ein paar Anpassungen am Layout geben:

    • Hauptmenü-Aktiv hover (nun gleiche Farbe wie in den Mouseover-Layout-Einstellungen vorgegeben)
    • Hamburger-Menü (Layout-Einstellung inkl. Einstellung für Textfarbe des Button)
    • Buttons im Banner (Darstellungsfehler behoben)
    • Silbentrennung (an- abschaltbar).

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

  • Stefan S Hallo,

    zunächst einmal ist jede Anpassung/Verbesserung zu begrüßen.

    Zur Aussage "Diesbezg. wird es in Version 14 ein paar Anpassungen am Layout geben" möchte ich anfragen, ob sich diese Anpassungen ausschließlich auf das Layout "Stripe Responsive" bezieht.

    Wenn zutreffend, möchte ich anmerken, dass ich regelmäßig ein Problem damit habe, dass Layouts ihre "Eigenheiten" haben, was die Funktionalität angeht.

    Oder anders gesagt: Wieso ist es nicht möglich, bei sämtlichen (responsiven) Layouts dieselben Einstellungsmöglichkeiten/Features bereit zu stellen?

  • Hallo,

    einheitliche Einstellungen wären uns auch lieber, aber das ist historisch so gewachsen und das zu vereinheitliche bedarf eines beträchtlichen Aufwands. Bisher gab es hierfür einfach noch keine Resourcen, weil andere Dinge Vorrang hatten/haben.

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

  • Das ist sehr bedauerlich, denn es ist müßig, zunächst ein attraktives Layout auszuwählen und dann festzustellen, dass dieses Einschränkungen gegenüber anderen Layouts hat, die nicht gefallen, was den Workflow doch sehr behindert.

    Besteht denn die Hoffnung, dass zukünftige, neue Layouts nicht mehr solchen Einschränkungen unterliegen oder bezieht sich Ihre Darstellung auf die Software ZP als solches?

Jetzt mitmachen!

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