{"id":16710,"date":"2011-02-17T00:04:31","date_gmt":"2011-02-17T05:04:31","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/16710\/sfbpc-navigation-bar\/"},"modified":"2011-02-17T00:04:31","modified_gmt":"2011-02-17T05:04:31","slug":"sfbpc-navigation-bar","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/16710\/sfbpc-navigation-bar\/","title":{"rendered":"SFBPC &#8211; Navigation Bar"},"content":{"rendered":"<table style=\"margin-bottom: 30px;border: 1px solid #333333;width: 920px\">\n<tbody>\n<tr>\n<td width=\"200\" valign=\"top\">\n<div style=\"padding: 0pt 5px 25px 0pt;width: 200px;height: auto;margin-left: 3px;color: #000000;font-family: arial;font-size: 14px;background-color: #999999;border: 1px solid #000000\">\n<p><span><a href=\"http:\/\/www.friendburst.com\/blog\/16382\/sfbpc\/\"> \u00ab Index<\/a><\/span><\/p>\n<p><span style=\"margin-left: 30px;color: #000000;font-size: 12px;font-weight: bold\">CSS<\/span><\/p>\n<\/div>\n<\/td>\n<td width=\"725\" valign=\"top\">\n<div style=\"padding: 0pt 5px;width: 97%;height: auto;margin-left: 5px;font-family: arial;font-size: 14px;background-color: #999999;border: 1px solid #000000\">\n<p><span style=\"margin-left: 0;color: #ffffff;font-size: 15px;font-weight: bold\">Navigation Bar<\/span><\/p>\n<p><strong>Navigation Bar &#8211; Background Color:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header ul#main_nav {<br \/>\nbackground-image: none;<br \/>\nbackground-color: #00ffff;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Left Text Color:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header ul#main_nav li a {<br \/>\ncolor: #000000;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Left Hover Colors:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header ul#main_nav li:hover a {<br \/>\nbackground-color: #00ff00;<br \/>\ncolor: #fffffff;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Right Text Color:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header div#right_nav ul li a {<br \/>\ncolor: #000000;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Right Hover Colors:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header div#right_nav ul li:hover a {<br \/>\nbackground-color: #00ff00;<br \/>\ncolor: #ffffff;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Left Dropdown Colors:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header ul#main_nav li ul li a {<br \/>\nbackground-color: #ff00ff !important;<br \/>\ncolor: #000000 !important;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Left Dropdown Hover Colors:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header ul#main_nav li ul li a:hover {<br \/>\nbackground-color: #00ff00 !important;<br \/>\ncolor: #ffffff !important;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Right Dropdown Colors:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header div#right_nav ul li ul li a {<br \/>\nbackground-color: #ff00ff !important;<br \/>\ncolor: #000000 !important;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Right Dropdown Hover Colors:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header div#right_nav ul li ul li a:hover {<br \/>\nbackground-color: #00ff00 !important;<br \/>\ncolor: #ffffff !important;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; Remove &#8220;Explore&#8221; Dropdown Icons:<\/strong><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header ul#main_nav li ul li a {<br \/>\nbackground-image: none !important;<br \/>\npadding-left: 10px !important;<br \/>\n}<\/p>\n<\/div>\n<p><strong>Navigation Bar &#8211; New Mail Notification Colors:<\/strong><\/p>\n<p><span style=\"margin-left: 0;color: #000000;font-size: 11px;font-weight: bold\">*Change colors as needed.<\/span><\/p>\n<div style=\"margin: 10px 0px 25px 25px;padding: 5px;width: 90%;height: auto;color: white;font-family: arial;font-size: 14px;background-color: black\">\n<p>div#header ul#main_nav .js_new_message {<br \/>\nbackground-color: #bb0000;<br \/>\nborder: 1px solid #000000;<br \/>\ncolor: #ffffff;<br \/>\n}<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>\u00ab Index CSS Navigation Bar Navigation Bar &#8211; Background Color: div#header ul#main_nav { background-image: none; background-color: #00ffff; } Navigation Bar &#8211; Left Text Color: div#header ul#main_nav li a { color: #000000; } Navigation Bar &#8211; Left Hover Colors: div#header ul#main_nav li:hover a { background-color: #00ff00; color: #fffffff; } Navigation Bar &#8211; Right Text Color: div#header [&hellip;]<\/p>\n","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-16710","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/comments?post=16710"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16710\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=16710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=16710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=16710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}