MainMenu anpassen (Nexus)

    Hallo,


    ich stehe hier gerade auf dem Schlauch. Ich hätte gerne mein "MainMenu" größer von der Höhe & keine Balken. Text ect. alles gleich. Und die Farbe sollte man wählen können.


    So sollte es aussehen:



    Bei mir sieht es im Moment noch so aus:



    Danke ! :)

    • Teambeitrag

    Die Höhe lässt sich hier ändern:


    CSS
    .mainMenu > ul > li > a,
.mainMenu > ul > li.active > a {
	min-width: 0px;
	padding: 0 18px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.85);
	height: 36px;
	line-height: 36px;
}




    Da passt du die 36px jeweils an (beide Werte). Einfach erhöhen.


    Ansonsten ersetzt du:


    CSS
    .mainMenu > ul > li.active > a {
	.linearGradient(@wcfTabularBoxBackgroundColor, lighten(@wcfTabularBoxBackgroundColor,7%), darken(@wcfTabularBoxBackgroundColor,0%));
	color:rgba(255, 255, 255, 1);
}

    durch:

    CSS
    .mainMenu > ul > li.active > a {
	.linearGradient(rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0));
	color:rgba(255, 255, 255, 1);
}

    und löscht das hier:



    CSS
    .mainMenu:not(.fixed) > ul > li.active > a, 
.mainMenu:not(.fixed) > ul > li.active > a:hover {
	box-shadow:
		1px 0 0 rgba(0, 0, 0, 0.5),
		0 1px 0 @wcfTabularBoxBackgroundColor, 
		-1px 0 0 lighten(@wcfTabularBoxBackgroundColor,10%) inset,
		1px 0 0 lighten(@wcfTabularBoxBackgroundColor,10%) inset,
		0 -1px 0 lighten(@wcfTabularBoxBackgroundColor,17%);
}

    Deine Anfrage wurde nicht beantwortet? Dann bitte einfach noch mal kurz im Thema nachfragen.


    Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum :eyes:

    Gefällt mir 1

    Noch eine weitere Frage. Wie bekomme ich diese "Streifen" vom Menü weg, damit es komplett bündig ist. Also in einer Farbe. Nur das man den Text im Menü sieht sonst nichts. So wie auf der rechten Seite.