Create a similar menu

I suggest that you use the Firefox browser with the Firebug addon and examine the div structure and the css for that site.

Alright, thanks! I will try it out

Ok, Here’s the code

<ul>
						<li><a title="Press75.com" href="https://www.press75.com" class="fade" style="opacity: 1;"><cufon class="cufon cufon-canvas" alt="Home" style="width: 45px; height: 18px;"><canvas width="66" height="27" style="width: 66px; height: 27px; top: -5px; left: -4px;"></canvas><cufontext>Home</cufontext></cufon></a></li>
						<li><a title="About Press75.com" href="https://www.press75.com/about/" class="fade" style="opacity: 1;"><cufon class="cufon cufon-canvas" alt="About" style="width: 47px; height: 18px;"><canvas width="70" height="27" style="width: 70px; height: 27px; top: -5px; left: -4px;"></canvas><cufontext>About</cufontext></cufon></a></li>
						<li><a title="Discount Packages" href="https://www.press75.com/theme-packages/" class="fade" style="opacity: 1;"><cufon class="cufon cufon-canvas" alt="Discounts" style="width: 75px; height: 18px;"><canvas width="97" height="27" style="width: 97px; height: 27px; top: -5px; left: -4px;"></canvas><cufontext>Discounts</cufontext></cufon></a></li>
						<li><a title="WordPress Hosting" href="https://www.press75.com/hosting/" class="fade"><cufon class="cufon cufon-canvas" alt="Hosting" style="width: 59px; height: 18px;"><canvas width="80" height="27" style="width: 80px; height: 27px; top: -5px; left: -4px;"></canvas><cufontext>Hosting</cufontext></cufon></a></li>
						<li><a title="Press75.com News" href="https://www.press75.com/blog/" class="fade"><cufon class="cufon cufon-canvas" alt="Blog" style="width: 34px; height: 18px;"><canvas width="54" height="27" style="width: 54px; height: 27px; top: -5px; left: -4px;"></canvas><cufontext>Blog</cufontext></cufon></a></li>
						<li><a title="Contact Press75.com" href="https://www.press75.com/contact/" class="fade"><cufon class="cufon cufon-canvas" alt="Contact" style="width: 58px; height: 18px;"><canvas width="80" height="27" style="width: 80px; height: 27px; top: -5px; left: -4px;"></canvas><cufontext>Contact</cufontext></cufon></a></li>
						<li><a title="Customer Support" href="https://www.press75.com/theme-support/" class="fade"><cufon class="cufon cufon-canvas" alt="Support" style="width: 62px; height: 18px;"><canvas width="84" height="27" style="width: 84px; height: 27px; top: -5px; left: -4px;"></canvas><cufontext>Support</cufontext></cufon></a></li>
					</ul>

But it doesnt work when putting it into a menu.
Why not?

piman the reason that code does not work is because the appearance of most things on the web and driven by css. I would recommend that if you want to start customizing your themes that you take the time to learn some css, html, jquery to gain a least a basic understanding of how code works. In this particular case the appearance is largely driven by the custom font they have installed via cufon as well. The font they are using is graublau by the way.

Generally speaking copying and pasting large portions of peoples code is pretty much akin to stealing although there is a difference between liking the hover effect and wanting to learn how to do that to integrate with your own other design elements and wanting to copy an exact replica of someone’s site. The latter be not so ok and the former being fine.

All in all there is no fast answer to your question other than to go learn a bit of front end web design. I reccomend https://www.w3schools.com/ HTML, CSS, and Jquery tutorials.

Thank you. I did not intend to steal anything, rather compliment the aesthetic appeal of a certain website. I will take the necessary time to learn these languages. Thank you for your time.