Search…

X3 Photo Gallery Support Forums

Search…
 
ed_f
Experienced
Topic Author
Posts: 124
Joined: 20 Dec 2020, 11:24

Navigation Background

29 Jun 2025, 15:57

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!
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14269
Joined: 30 Sep 2006, 03:37

Re: Navigation Background

30 Jun 2025, 09:30

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
 
ed_f
Experienced
Topic Author
Posts: 124
Joined: 20 Dec 2020, 11:24

Re: Navigation Background

30 Jun 2025, 10:04

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?
Last edited by ed_f on 30 Jun 2025, 11:54, edited 1 time in total.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14269
Joined: 30 Sep 2006, 03:37

Re: Navigation Background

30 Jun 2025, 10:44

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.
 
ed_f
Experienced
Topic Author
Posts: 124
Joined: 20 Dec 2020, 11:24

Re: Navigation Background

30 Jun 2025, 11:59

settled, finally and forever, your design is beautiful, that's why I went for it ;-) have a good summertime , karl!

(this is #a4a4a)