You can put some text or images (or even a good old-fashioned marquee) up here!
ID as selectorClass as selector Plain HTMLWordpress Download ZIP file .blendedMenu *{ padding:0; margin:0; border:0; list-style-type:none; word-spacing:0px; } .blendedMenu{ display : inline-table; width : 100%; background-size : 100% 100%; margin : 0px auto; height : 42px; text-align : center; background-color : rgba(255,255,255,1); box-shadow : inset 0px 0px 10px 5px rgba(0,0,0,1); border-radius : 14px; } .blendedMenu > li{ display : inherit; position : relative; margin-top : 5px; margin-left : 0px; } .blendedMenu > li > a{ display : block; text-decoration : none; background-size : 100% 100%; width : auto; height : 32px; font-size : 18px; letter-spacing : 1px; min-width : 140px; margin : 0px; color : rgb(1, 1, 1); background-color : rgba(0,0,0,0); text-align : center; border-radius : 1px; line-height : 35px; font-family : 'Arial Black', 'Arial Black', Gadget, sans-serif; border-width : 0px; border-style : solid; border-color : rgba(0,0,0,0); background-image : url(' ii-drawing08.png '); text-shadow : -3px -8px 10px rgba(0, 0, 0, 0); font-variant : small-caps; box-shadow : 0px 0px 0px 0px rgba(0,0,0,0); } .blendedMenu > li > ul > li > a{ display : block; text-decoration : none; background-size : 100% 100%; width : auto; height : 32px; font-size : 18px; letter-spacing : 1px; min-width : 140px; margin : 0px; color : rgba(0,233,255,1); background-color : black; text-align : center; border-radius : 1px; line-height : 35px; font-family : Impact, Impact, Charcoal, sans-serif; border-width : 1px; border-style : solid; border-color : rgba(0,0,0,0); background-image : url(' ii-drawing08.png '); text-shadow : 0px 0px 10px rgba(255,0,0,1); box-shadow : 0px 0px 0px 0px rgba(0,0,0,0); } .blendedMenu > li > ul > li > ul a{ display : block; text-decoration : none; background-size : 100% 100%; width : auto; height : 32px; font-size : 18px; letter-spacing : 1px; min-width : 140px; margin : 0px; color : rgba(0,233,255,1); background-color : black; text-align : center; border-radius : 1px; line-height : 35px; font-family : Impact, Impact, Charcoal, sans-serif; border-width : 1px; border-style : solid; border-color : rgba(0,0,0,1); background-image : url(' ii-drawing08.png '); text-shadow : 0px 0px 10px rgba(0,33,255,1); box-shadow : 0px 0px 0px 0px rgba(0,0,0,0); } .blendedMenu > li > ul{ display : block; position : absolute; z-index : 10; visibility : hidden; opacity : 0.1; background-image : url(' hi-drawing03.png '); box-shadow : 0px 5px 10px 5px rgba(0,0,255,1); border-radius : 0px; left : 0px; -webkit-transition : all 0.4s; transition : all 0.4s; } .blendedMenu > li > ul > li > ul{ display : block; position : absolute; z-index : 10; visibility : hidden; left : 230px; opacity : 0.1; box-shadow : 5px 0px 10px 5px rgba(0,0,255,1); background-color : rgba(0,0,0,0); background-image : url(' hi-drawing03.png '); border-radius : 0px; margin-top : -32px; -webkit-transition : all 0.4s; transition : all 0.4s; } .blendedMenu li:hover > a{ color : rgba(255,0,0,1); background-color : rgba(0,0,255,0.4); } .blendedMenu .active > a{ color : rgb(0, 233, 0); background-color : rgba(0,0,255,0.5); } .blendedMenu > li > ul > li:hover > ul{ visibility : visible; opacity : 1; left : 140px; } .blendedMenu > li:hover > ul{ visibility : visible; opacity : 1; } To build a HTML CSS website layout for your menu Visit : www.Blended-HTML.com

Welcome to my Layout Maker!

Please read this first!

This tool generates a layout that is responsive, which means it looks great on phones! Use dropdowns above to customize your layout's general features. Click the button to generate your HTML and CSS, and paste it into a file on Neocities.

Then you can replace all of the text with your own. For more customization, the CSS code has comments to explain what each part changes. Please read through the code - even if you have no idea what it means.

If you're feeling up for a challenge, I put together a guide which goes over the structure of how this layout is built, along with some specific tips on how to edit it in certain ways.

Check the links in the sidebar for more resources to build your own website!

- Cat Ipsum -

Rub my belly hiss swipe at owner's legs sniff catnip and act crazy growl at dogs in my sleep sit on the laptop for hiss at vacuum cleaner i like to spend my days sleeping and eating fishes that my human fished for me.

Head nudges eat my own ears. Hey! you there, with the hands why can't i catch that stupid red dot, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff, or roll over and sun my belly curl up and sleep on the freshly laundered towels.