{"id":16699,"date":"2011-02-16T23:50:10","date_gmt":"2011-02-17T04:50:10","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/16699\/sfbpc-header-section\/"},"modified":"2011-02-16T23:50:10","modified_gmt":"2011-02-17T04:50:10","slug":"sfbpc-header-section","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/16699\/sfbpc-header-section\/","title":{"rendered":"SFBPC – Header Section"},"content":{"rendered":"\n\n\n
\n
\n

  « Index<\/a><\/span><\/p>\n

CSS<\/span><\/p>\n<\/div>\n<\/td>\n

\n
\n

Header Section<\/span><\/p>\n

Header Background – Solid Color:<\/strong><\/p>\n

\n

div#header {
\nbackground-color: #000000;
\n}<\/p>\n<\/div>\n

Header Background – Transparent:<\/strong><\/p>\n

*border: none; optional.<\/span><\/p>\n

\n

div#header {
\nbackground-color: transparent;
\nborder: none;
\n}<\/p>\n<\/div>\n

Header Background – Semi-Transparent:<\/strong><\/p>\n

*border: none; optional.<\/span><\/p>\n

\n

div#header {
\nbackground-color: transparent;
\nbackground-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
\nbackground-position: top left;
\nbackground-repeat: repeat;
\nbackground-attachment: scroll;
\nborder: none;
\n}<\/p>\n<\/div>\n

Welcome “Name”:<\/strong><\/p>\n

\n

#ttitopnavbar #ttiwelcome #first_name {
\ncolor: #00ff00;
\n}<\/p>\n<\/div>\n

Time Stamp:<\/strong><\/p>\n

\n

div#header #time_stamp a {
\ncolor: #00ff00;
\n}<\/p>\n<\/div>\n

Remove Top Nav Background Image:<\/strong><\/p>\n

\n

div#header #ttitopnav {
\nbackground-image: none;
\ncolor: #00ff00;
\n}
\ndiv#header #ttitopnav ul li a:hover {
\nbackground-color: transparent;
\n}<\/p>\n<\/div>\n

Search Bar:<\/strong><\/p>\n

\n

div#header div#top_nav_search {
\nbackground-color: #00ff00;
\nborder: 1px solid #ff00ff;
\n}
\ndiv#header input#search_field {
\nbackground-color: #00ff00;
\n}<\/p>\n<\/div>\n

Custom Header Banner:<\/strong><\/p>\n

*Remove or change the value of “background-color: transparent;” if needed. Change “height: auto !important;” to a set value, if needed. Please do not use a banner over 200px height.<\/span><\/p>\n

\n

div#header div#logo {
\nheight: auto !important;
\nbackground-color: transparent;
\nbackground-image: url(DIRECT IMAGE URL);
\nbackground-position: center center;
\nbackground-repeat: no-repeat;
\nbackground-attachment: scroll;
\n}<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

  « Index CSS Header Section Header Background – Solid Color: div#header { background-color: #000000; } Header Background – Transparent: *border: none; optional. div#header { background-color: transparent; border: none; } Header Background – Semi-Transparent: *border: none; optional. div#header { background-color: transparent; background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE); background-position: top left; background-repeat: repeat; background-attachment: scroll; […]<\/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-16699","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16699","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=16699"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16699\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=16699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=16699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=16699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}