MainMenu anpassen (Nexus)

Erster Teambeitrag

    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:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Bei mir sieht es im Moment noch so aus:

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    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.

    On the road to 20K :jump:

    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.

    Der Inhalt kann nicht angezeigt werden, da Sie keine Berechtigung haben ihn zu sehen.

    Entferne diesen CSS-Code:

    CSS
    .mainMenu > ul > li {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
}


    Gruß norse