Hallo liebes Zeta-Team,
gibt es eine Möglichkeit, den "border-radius" bei den Buttons / Mouse-over-Effekten in der Leiste im Hauptmenü zu verändern?
Herzliche Grüße und danke für die Hilfe
Sunny 
Layout "Contemporary Responsive": Abgerundete Ecken "border-radius" bei Hauptmenü-Buttons veränderbar?
-
Hallo,
im Layout-Editor gibt es dafür keine Einstellung aber mit etwas CSS können Sie das beeinflussen. Mit folgendem Code schaltet man den Border-Radius ab (auf 0):
- 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"
CSS<style> ul.nav ul, .nav-pills .dropdown-menu{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } </style>Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.
-
Hallo Herr Seiz,
vielen Dank für die Info.
Ich glaube, das ist der falsche Code. Damit werden nur die "Sprechblasen-Kästen", in denen sich die Unterrubriken befinden, verändert (habe ich testweise auf 40px eingestellt).
Die abgerundeten Buttons mit den Hauptrubriken in der Menüleiste bleiben unverändert.Herzliche Grüße
Sunny
-
Hallo,
um die Rundung der Buttons im Hauptmenue zu ändern habe ich es so erfolgreich getestet. Vieleicht kann Herr Seiz noch einmal rüber schauen, ob es auch wirklich der richtige Part ist.
CSS<style> .nav-pills > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } </style> -
Oh, da hatte ich Sie falsch verstanden. Probieren Sie es mal hiermit:
- 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"
CSS<style> ul.nav > li > a, .nav-pills > li> a{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } </style>Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.
-
Super, perfekt!
Vielen Dank, auch an Thomas Müller!
VLG Sunny
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!