Page 1 of 1

Navigation Background

Posted: 29 Jun 2025, 15:57
by ed_f
hi karl! my Navigation Background is set to clear with #a4a4a4 (changing that to filled doesn't change a thing though ...) and i still like it. but i just think: why aren't the dropdown menues also like that, but intransparent? can I change that? thank you!

Re: Navigation Background

Posted: 30 Jun 2025, 09:30
by mjau-mjau
ed_f wrote: hi karl! my Navigation Background is set to clear with #a4a4a4 (changing that to filled doesn't change a thing though ...) and i still like it. but i just think: why aren't the dropdown menues also like that, but intransparent? can I change that? thank you!
The entire menu definitely does not inherit that single color. In fact they use gradients. You can of course change them in CSS, but it's gets increasingly complicated. In my opinion, it looks nice and clear now:

Image

It does not look as elegant when the dropdowns also have progressive levels og transparency. It clutters the readability.

Image

Re: Navigation Background

Posted: 30 Jun 2025, 10:04
by ed_f
if you say so I can well continue to be fine with it. but still I think: what if the images looks through just a tiny little bit, 10%? very complicated, is it, really? would you like to show me that? how much was it in your example?

Re: Navigation Background

Posted: 30 Jun 2025, 10:44
by mjau-mjau
My opinion: It's complicated compared to what it offers. In all honesty, I was testing all these combinations when I initially did the design many years ago, and transparency seemed less attractive for dropdowns, and certainly doesn't provide any functional advantage. You need to remember, when you have transparent elements that are over other transparent items, you will get a mesh of transparent items on top of each other. I think even when you tested properly, you might even agree ...

You think this looks nice?

Image
ed_f wrote:Navigation Background is set to clear with #a4a4a4
I'm actually not sure where you have that ... You semi-transparent background on the intro page is actually rgba(0,0,0,0.5) ... you will need to assign CSS for intro pages (when the BG is semi-transparent) AND for cases when is #2e2e2e (I can't see anywhere it's #a4a4a4). In this case it gets complicated yes.

For example, your non-intro page looks like this. As you can see, the slightly darker shade of the dropdown and hovered menu item, gives a darker shade than the rest of the menu, which gives it a nice emphasis.

Image

So if you want dropdowns the same colors, there is no contrast between the active item. Surely nobody can find this more productive or attractive?

Image

I have been through this entire through process when I initially designed everything.

Re: Navigation Background

Posted: 30 Jun 2025, 11:59
by ed_f
settled, finally and forever, your design is beautiful, that's why I went for it ;-) have a good summertime , karl!

(this is #a4a4a)