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