Menu Bar and

Neat name!

To make a nav bar like the one in the example you would just have to create the image that you want to use (in that case it was the banner) and set it as the background using css (using either a child theme or a custom css plugin)

#access {
    background: url('../images/menubg.png') no-repeat;
}
article {
    border: 2px solid pink;
    box-shadow: 2px 2px 2px purple;
}

What you would need would be similar to the example above; if you didn’t want to use an image for your menu background, you could just use border and box-shadow for it as well. (The box-shadow syntax is “box-shadow: horizontal-shadow vertical-shadow blur spread color inset;”

Hope that helps, or at least gets you going in the right direction!