Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Skhilled on May 27, 2022, 10:40:11 AM

Title: See-Through Menus?
Post by: Skhilled on May 27, 2022, 10:40:11 AM
I'm not sure what the heck I did but my menus seem to show "behind" menus lower than they are such as the admin menu dropdown over the admin submenus.

menu2+.png
Title: Re: See-Through Menus?
Post by: FrizzleFried on May 27, 2022, 10:52:02 AM
Um,  why do I see an attachment but get a 404 error when I click on it or the thumbnail?

Title: Re: See-Through Menus?
Post by: Aleksi "Lex" Kilpinen on May 27, 2022, 10:57:53 AM
That's a good question, I got that as well at first - but works now just a moment later. Could be something a bit off in our setup here.
@SleePy - Pinging you just so you know this happened.
Title: Re: See-Through Menus?
Post by: FrizzleFried on May 27, 2022, 11:02:19 AM
Yup... I get the image now as well.   ???

At first I figured he'd changed the attachment or something but nope,  the one working now has the same attachment number as when I was getting the 404 error...

Title: Re: See-Through Menus?
Post by: Doug Heffernan on May 27, 2022, 11:57:12 AM
Quote from: Skhilled on May 27, 2022, 10:40:11 AMI'm not sure what the heck I did but my menus seem to show "behind" menus lower than they are such as the admin menu dropdown over the admin submenus.

Most likely you edited css. You can ask at that theme 's support topic about this as its designer and/or co users can help you better with this seeing the factthat they are familiar with this particular custom theme.
Title: Re: See-Through Menus?
Post by: Kindred on May 27, 2022, 12:03:10 PM
it's an improper z-index on the linktree (aka breadcrumbs)
Title: Re: See-Through Menus?
Post by: Skhilled on May 27, 2022, 01:01:08 PM
Quote from: Doug Heffernan on May 27, 2022, 11:57:12 AM
Quote from: Skhilled on May 27, 2022, 10:40:11 AMI'm not sure what the heck I did but my menus seem to show "behind" menus lower than they are such as the admin menu dropdown over the admin submenus.

Most likely you edited css. You can ask at that theme 's support topic about this as its designer and/or co users can help you better with this seeing the factthat they are familiar with this particular custom theme.

I am the the theme's support. LOL I know I did something wrong editing the css and it probably has something to do with the z-index but I can't figure it out. I've even compared it to the default to make sure the code was similar but got no joy.

I'm trying to fix it before I have to start over from scratch to make sure it's right. I'm just not sure what is EXACTLY wrong.
Title: Re: See-Through Menus?
Post by: Kindred on May 27, 2022, 01:41:16 PM
Url?
Title: Re: See-Through Menus?
Post by: Antechinus on May 27, 2022, 05:16:51 PM
Quote from: Skhilled on May 27, 2022, 01:01:08 PMI am the the theme's support. LOL I know I did something wrong editing the css and it probably has something to do with the z-index but I can't figure it out. I've even compared it to the default to make sure the code was similar but got no joy.
The bold part is your problem. Ignore the default CSS, a lot of it is stupid (really).

Ok, z-index is tricky at times, and does not always work the way most people think it works. You cannot just keep adding a bigger and bigger z-index figure to an element and expect it to always get "higher" relative to another element that also has a z-index. When you see things like "z-index: 99;" or "z-index: 999;" this usually means someone is desperately trying to dig themselves out of a hole that they don't understand how they got into.

So, only (this means ONLY) use z-index when you absolutely have to. Do not assume it is needed until you have tried things without it. Only use it in single digit values (because if you can't get it working that way, it means the problem is something else 99% of the time).

There is no need for ANY z-index on ANYTHING except drop menus OR fixed overlays. If you see it anywhere else, get rid of it as a starting point. Standard top level button strips do not, ever, need a z-index.

(Related issue: z-index only works on elements that have position set to fixed, absolute, sticky, or relative. It will not work on elements that have the default position: static; and, funnily enough, I know of at least one instance of that in the default CSS. Which does not actually do any harm, but certainly does not good.)
Title: Re: See-Through Menus?
Post by: Skhilled on May 27, 2022, 09:09:06 PM
Sorry, had a hard night at work last night and forgot the URL. LOL

https://docskillz.com/skins

I just checked and there are no z-indexes on any of the .dropmenus.
Title: Re: See-Through Menus?
Post by: Antechinus on May 27, 2022, 09:13:49 PM
Umm, since guests do not have access to any drop menus at all...
Title: Re: See-Through Menus?
Post by: Skhilled on May 27, 2022, 09:21:55 PM
Been getting too many hacking attempts. Just register.
Title: Re: See-Through Menus?
Post by: Skhilled on May 27, 2022, 09:32:38 PM
And I forgot to mention that you can only see the problem if you're an admin because it only happens on that menu. Register and I'll make you an admin.
Title: Re: See-Through Menus?
Post by: Skhilled on May 30, 2022, 10:07:40 AM
Ok, I've redone the theme from scratch cause I figured it would be faster to get it done than waiting for a fix. LMAO I think it's ready for release. (https://www.smfhelper.com/Smileys/fugue/cool.png)

https://docskillz.com/skins
Title: Re: See-Through Menus?
Post by: FrizzleFried on May 30, 2022, 10:17:00 AM
Looks nice!  I think I will check it out when you do release it.
Title: Re: See-Through Menus?
Post by: Skhilled on May 30, 2022, 11:09:13 AM
Thanks! More to come at The Crip Zone. :)
Title: Re: See-Through Menus?
Post by: Steve on May 30, 2022, 11:36:14 AM
Wow! I like that! There is already a theme called 'Ambassador' on the SMF theme site, is this being released for there or for your own site?
Title: Re: See-Through Menus?
Post by: Shades. on May 30, 2022, 01:31:28 PM
Quote from: Skhilled on May 30, 2022, 10:07:40 AMOk, I've redone the theme from scratch cause I figured it would be faster to get it done than waiting for a fix. LMAO I think it's ready for release. (https://www.smfhelper.com/Smileys/fugue/cool.png)

https://docskillz.com/skins
Nice! I like the colors black and orange! 8)
Title: Re: See-Through Menus?
Post by: TwitchisMental on May 30, 2022, 08:15:17 PM
Quote from: Skhilled on May 30, 2022, 10:07:40 AMOk, I've redone the theme from scratch cause I figured it would be faster to get it done than waiting for a fix. LMAO I think it's ready for release. (https://www.smfhelper.com/Smileys/fugue/cool.png)

https://docskillz.com/skins
Nice to see Crips themes being kept alive.
Title: Re: See-Through Menus?
Post by: Skhilled on May 31, 2022, 10:34:00 AM
Thanks everyone! :) I stumbled on the hovers by accident. I like to call them a "happy accident"...something I started long ago when I think I screwed up but it's a blessing in disguise! LMAO There's some in the admin as well. ;)

Any themes that I post are actual updated Crip Zone themes from the CZ site. I host the site for free on my hosting because Jeff was a friend:

https://buildzhosting.com

They will always be freely available at Crip Zone because that's what Jeff wanted. The link I posted is on my domain but maybe I should do them on a test site on that domain instead. LOL
Title: Re: See-Through Menus?
Post by: Skhilled on June 04, 2022, 03:57:10 AM
Released! Features color changes when hovering the mouse over certain parts of the screen.

I've also started a new numbering convention to make it easier to know the various versions and updates. 8)

https://www.jpr62.com/theme/index.php?topic=2404.0
Title: Re: See-Through Menus?
Post by: pulgoki on June 07, 2022, 04:10:02 PM
Quote from: Skhilled on June 04, 2022, 03:57:10 AMReleased! Features color changes when hovering the mouse over certain parts of the screen.

Sweet. This is really nice.  I like it.

I've only looked a the demo link that you posted. Do the sticky and locked topics appear so brightly colored in the final? 

Title: Re: See-Through Menus?
Post by: Steve on June 09, 2022, 03:04:35 PM
Love it @Skhilled!
Title: Re: See-Through Menus?
Post by: Skhilled on November 22, 2022, 09:16:37 PM
Quote from: pulgoki on June 07, 2022, 04:10:02 PM
Quote from: Skhilled on June 04, 2022, 03:57:10 AMReleased! Features color changes when hovering the mouse over certain parts of the screen.

Sweet. This is really nice.  I like it.

I've only looked a the demo link that you posted. Do the sticky and locked topics appear so brightly colored in the final? 


I'm sorry but I did not receive a notification for this topic.

Yes, they are they same but can be easily changed. :)