{"id":12913,"date":"2011-12-22T18:56:04","date_gmt":"2011-12-22T23:56:04","guid":{"rendered":"http:\/\/www.ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/"},"modified":"2011-12-15T18:47:12","modified_gmt":"2011-12-15T23:47:12","slug":"tutorial-great-examples-of-website-menu-designs","status":"publish","type":"post","link":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/","title":{"rendered":"[Tutorial] Great Examples Of Website Menu Designs"},"content":{"rendered":"<p>From <em>Design Resource Box<\/em> &#8211;<a title=\"Great Examples Of Website Menu Designs\" href=\"http:\/\/designresourcebox.com\/great-examples-of-website-menu-designs\/\" rel=\"nofollow\" target=\"offsite\"><strong>Great Examples Of Website Menu Designs<\/strong><\/a>:<\/p>\n<blockquote style=\"text-align: left;\"><p><em style=\"font-family: 'Times New Roman',Times,serif; color: #666;\"><span style=\"font-size: 3.5em; font-weight: bold;\">\u201c<\/span><br \/>\n<a title=\"Great Examples Of Website Menu Designs\" href=\"http:\/\/designresourcebox.com\/great-examples-of-website-menu-designs\/\" rel=\"nofollow\" target=\"offsite\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright\" src=\"http:\/\/ericbrooks.com\/images\/tutorials\/templates.png\" alt=\"Great Examples Of Website Menu Designs\" width=\"128\" height=\"128\" align=\"right\" \/><\/a>I\u2019ve been watching the new website releases to observe the trends and when it\u2019s about menus, I\u2019ve noticed that designers are more keen on insisting on typography, rather than creative buttons for the menu. This is happening mostly because now you can use easily a custom font for a menu with @font-face or Cufon. However, this doesn\u2019t mean that menus with buttons are not used anymore. There are a few cases that I\u2019ve presented here that look pretty good.<br \/>\n<span style=\"font-size: 3.5em; font-weight: bold;\">\u201d<\/span><\/em><\/p>\n<hr size=\"1\" \/>\n<div style=\"text-align: center;\"><a title=\"READ MORE: Great Examples Of Website Menu Designs\" href=\"http:\/\/designresourcebox.com\/great-examples-of-website-menu-designs\/\" rel=\"nofollow\" target=\"offsite\"><strong><big>READ MORE \u00bb<\/big><\/strong><\/a><\/div>\n<hr size=\"1\" \/>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve been watching the new website releases to observe the trends and when it\u2019s about menus, I\u2019ve noticed that designers are more keen on insisting on typography, rather than creative buttons for the menu. This is happening mostly because now you can use easily a custom font for a menu with @font-face or Cufon. However, this doesn\u2019t mean that menus with buttons are not used anymore. There are a few cases that I\u2019ve presented here that look pretty good. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-12913","post","type-post","status-publish","format-standard","hentry","category-html-tipz"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Tutorial] Great Examples Of Website Menu Designs - WHUZZUP!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Tutorial] Great Examples Of Website Menu Designs - WHUZZUP!\" \/>\n<meta property=\"og:description\" content=\"I\u2019ve been watching the new website releases to observe the trends and when it\u2019s about menus, I\u2019ve noticed that designers are more keen on insisting on typography, rather than creative buttons for the menu. This is happening mostly because now you can use easily a custom font for a menu with @font-face or Cufon. However, this doesn\u2019t mean that menus with buttons are not used anymore. There are a few cases that I\u2019ve presented here that look pretty good.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/\" \/>\n<meta property=\"og:site_name\" content=\"WHUZZUP!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/\" \/>\n<meta property=\"article:author\" content=\"EricBrooksDotComWeb\" \/>\n<meta property=\"article:published_time\" content=\"2011-12-22T23:56:04+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/ericbrooks.com\/images\/tutorials\/templates.png\" \/>\n<meta name=\"author\" content=\"Eric Brooks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:site\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eric Brooks\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/\"},\"author\":{\"name\":\"Eric Brooks\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\"},\"headline\":\"[Tutorial] Great Examples Of Website Menu Designs\",\"datePublished\":\"2011-12-22T23:56:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/\"},\"wordCount\":104,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/ericbrooks.com\\\/images\\\/tutorials\\\/templates.png\",\"articleSection\":[\"Html Tipz\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/\",\"name\":\"[Tutorial] Great Examples Of Website Menu Designs - WHUZZUP!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/ericbrooks.com\\\/images\\\/tutorials\\\/templates.png\",\"datePublished\":\"2011-12-22T23:56:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#primaryimage\",\"url\":\"http:\\\/\\\/ericbrooks.com\\\/images\\\/tutorials\\\/templates.png\",\"contentUrl\":\"http:\\\/\\\/ericbrooks.com\\\/images\\\/tutorials\\\/templates.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-great-examples-of-website-menu-designs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Tutorial] Great Examples Of Website Menu Designs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"name\":\"WHUZZUP!\",\"description\":\"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown\",\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\",\"name\":\"WHUZZUP!\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"contentUrl\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"width\":512,\"height\":512,\"caption\":\"WHUZZUP!\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/EricBrooksDotComWeb\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\",\"https:\\\/\\\/www.instagram.com\\\/ericbrooksdotcom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ericbrooksdotcom\",\"https:\\\/\\\/myspace.com\\\/ericbrooksdotcom\",\"https:\\\/\\\/www.pinterest.com\\\/ericbrookscom\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/ericbrooksdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\",\"name\":\"Eric Brooks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"caption\":\"Eric Brooks\"},\"description\":\"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.\",\"sameAs\":[\"https:\\\/\\\/ericbrooks.com\",\"EricBrooksDotComWeb\",\"ericbrooksdotcom\",\"ericbrookscom\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\"],\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/author\\\/site-admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Tutorial] Great Examples Of Website Menu Designs - WHUZZUP!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/","og_locale":"en_US","og_type":"article","og_title":"[Tutorial] Great Examples Of Website Menu Designs - WHUZZUP!","og_description":"I\u2019ve been watching the new website releases to observe the trends and when it\u2019s about menus, I\u2019ve noticed that designers are more keen on insisting on typography, rather than creative buttons for the menu. This is happening mostly because now you can use easily a custom font for a menu with @font-face or Cufon. However, this doesn\u2019t mean that menus with buttons are not used anymore. There are a few cases that I\u2019ve presented here that look pretty good.","og_url":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/","og_site_name":"WHUZZUP!","article_publisher":"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","article_author":"EricBrooksDotComWeb","article_published_time":"2011-12-22T23:56:04+00:00","og_image":[{"url":"http:\/\/ericbrooks.com\/images\/tutorials\/templates.png","type":"","width":"","height":""}],"author":"Eric Brooks","twitter_card":"summary_large_image","twitter_creator":"@EricBrooksCom","twitter_site":"@EricBrooksCom","twitter_misc":{"Written by":"Eric Brooks"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#article","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/"},"author":{"name":"Eric Brooks","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a"},"headline":"[Tutorial] Great Examples Of Website Menu Designs","datePublished":"2011-12-22T23:56:04+00:00","mainEntityOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/"},"wordCount":104,"commentCount":0,"publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#primaryimage"},"thumbnailUrl":"http:\/\/ericbrooks.com\/images\/tutorials\/templates.png","articleSection":["Html Tipz"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/","url":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/","name":"[Tutorial] Great Examples Of Website Menu Designs - WHUZZUP!","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#primaryimage"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#primaryimage"},"thumbnailUrl":"http:\/\/ericbrooks.com\/images\/tutorials\/templates.png","datePublished":"2011-12-22T23:56:04+00:00","breadcrumb":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#primaryimage","url":"http:\/\/ericbrooks.com\/images\/tutorials\/templates.png","contentUrl":"http:\/\/ericbrooks.com\/images\/tutorials\/templates.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-great-examples-of-website-menu-designs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ericbrooks.com\/whuzzup\/"},{"@type":"ListItem","position":2,"name":"[Tutorial] Great Examples Of Website Menu Designs"}]},{"@type":"WebSite","@id":"https:\/\/ericbrooks.com\/whuzzup\/#website","url":"https:\/\/ericbrooks.com\/whuzzup\/","name":"WHUZZUP!","description":"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown","publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ericbrooks.com\/whuzzup\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization","name":"WHUZZUP!","url":"https:\/\/ericbrooks.com\/whuzzup\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/","url":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","contentUrl":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","width":512,"height":512,"caption":"WHUZZUP!"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","https:\/\/x.com\/EricBrooksCom","https:\/\/www.instagram.com\/ericbrooksdotcom\/","https:\/\/www.linkedin.com\/in\/ericbrooksdotcom","https:\/\/myspace.com\/ericbrooksdotcom","https:\/\/www.pinterest.com\/ericbrookscom\/","https:\/\/www.youtube.com\/user\/ericbrooksdotcom"]},{"@type":"Person","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a","name":"Eric Brooks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","url":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","caption":"Eric Brooks"},"description":"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.","sameAs":["https:\/\/ericbrooks.com","EricBrooksDotComWeb","ericbrooksdotcom","ericbrookscom\/","https:\/\/x.com\/EricBrooksCom"],"url":"https:\/\/ericbrooks.com\/whuzzup\/author\/site-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/12913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/comments?post=12913"}],"version-history":[{"count":5,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/12913\/revisions"}],"predecessor-version":[{"id":13018,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/12913\/revisions\/13018"}],"wp:attachment":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/media?parent=12913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/categories?post=12913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/tags?post=12913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}