Option 2: Mastering the Ancient Art of Submandating

In this, the second installment of our Submandating guide, we'll dive deeper into the world of clandestine menu engineering.

Submandating: the art of hiding menus in plain sight. A delicate dance of subtle trickery, requiring precision and finesse.

Key principles:

Know thy menu's weaknesses
Study the art of misdirection
Employ the ancient technique of "menu-hiding-in-plain-sight"

Submandating Techniques:

1. The "Shadow Menu"

Use CSS to create a menu that blends seamlessly into the background, making it invisible to the untrained eye.

Example:


#shadow-menu {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    border: 1px solid #000000;
}
#shadow-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#shadow-menu ul li {
    display: none;
}

2. The "Mirror Menu"

Reflect a menu item's image onto a background element, creating a " mirror-like" effect that defies the laws of reality.

Example:


#mirror-menu {
    position: relative;
}
#mirror-menu img {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
}
#mirror-menu .reflected {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: url("path/to/your/image.jpg") no-repeat;
}

Practice Makes Perfect:

Try it yourself: