{"id":74,"date":"2011-03-18T07:27:22","date_gmt":"2011-03-18T12:27:22","guid":{"rendered":"http:\/\/www.rymocs.com\/blog3\/?p=74"},"modified":"2011-03-18T07:27:22","modified_gmt":"2011-03-18T12:27:22","slug":"backgrounds-in-web-design-adding-navigation","status":"publish","type":"post","link":"http:\/\/www.rymocs.com\/blog3\/2011\/03\/18\/backgrounds-in-web-design-adding-navigation\/","title":{"rendered":"Backgrounds in web design: Adding navigation"},"content":{"rendered":"<div id=\"attachment_76\" style=\"width: 160px\" class=\"wp-caption alignright\"><a href=\"http:\/\/www.rymocs.com\/blog3\/wp-content\/uploads\/2011\/03\/03172011figure_a.gif\"><img aria-describedby=\"caption-attachment-76\" loading=\"lazy\" class=\"size-thumbnail wp-image-76\" title=\"Header Image\" src=\"http:\/\/www.rymocs.com\/blog3\/wp-content\/uploads\/2011\/03\/03172011figure_a-150x150.gif\" alt=\"Header Image\" width=\"150\" height=\"150\" \/><\/a><p id=\"caption-attachment-76\" class=\"wp-caption-text\">Header Image<\/p><\/div>\n<p>Continuing the\u00a0project series on creating background web designs with this installment, which shows you how to add navigation links utilizing CSS to define multiple clickable hotspots. We left off from my previous post \u201c<a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/backgrounds-in-web-design-going-from-psd-to-code\/196\" target=\"_blank\">Backgrounds in Web Design: Going from PSD to Code<\/a>,\u201d in this post, we will create the navigation links in the header utilizing CSS to define multiple clickable link areas, or hotspots, within a single image. (<a href=\"http:\/\/www.techrepublic.com\/blog\/webmaster\/backgrounds-in-web-design-adding-navigation\/222?tag=content;blog-list-river\" target=\"_blank\">Read more&#8230;)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Continuing the\u00a0project series on creating background web designs with this installment, which shows you how to add navigation links utilizing CSS to define multiple clickable hotspots. We left off from&hellip; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10,5],"tags":[],"_links":{"self":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/74"}],"collection":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":3,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":78,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/posts\/74\/revisions\/78"}],"wp:attachment":[{"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.rymocs.com\/blog3\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}