{"id":16734,"date":"2011-02-17T01:42:45","date_gmt":"2011-02-17T06:42:45","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/16734\/sfbpc-blocks\/"},"modified":"2011-02-17T01:42:45","modified_gmt":"2011-02-17T06:42:45","slug":"sfbpc-blocks","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/16734\/sfbpc-blocks\/","title":{"rendered":"SFBPC – Blocks"},"content":{"rendered":"\n\n\n
\n
\n

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

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

\n
\n

Blocks<\/span><\/p>\n

Block – Solid Color:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

div.block {
\nbackground-color: #00ff00 !important;
\nborder: 1px solid #000000;
\n}<\/p>\n<\/div>\n

Block – Transparent:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

div.block {
\nbackground-color: transparent !important;
\nborder: 1px solid #000000;
\n}<\/p>\n<\/div>\n

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

*border: none !important; for no border.<\/span><\/p>\n

\n

div.block {
\nbackground-color: transparent !important;
\nbackground-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
\nbackground-position: top left;
\nbackground-repeat: repeat;
\nbackground-attachment: scroll;
\nborder: 1px solid #000000;
\n}<\/p>\n<\/div>\n

Block – Rounded Corners (Internet Explorer Not Supported.) :<\/strong><\/p>\n

*This can also be applied to other elements, by changing the selector to the element to be styled.<\/span><\/p>\n

*No need for normal border declaration if already applied.<\/span><\/p>\n

\n

div.block {
\n-moz-border-radius: 5px;
\n-webkit-border-radius: 5px;
\n}<\/p>\n<\/div>\n

Block Titles:<\/strong><\/p>\n

*Notice it is possible to apply a background to the title, by replacing “background-image: none;” with “background-image: url(“DIRECT IMAGE URL”); …Using the correct URL for your image, of course. Use an image that is approx. 600×30. You can also change the repeat value to tile a smaller image.<\/span><\/p>\n

\n

div.block div.title {
\nbackground-color: #00ff00;
\nbackground-image: none;
\nbackground-position: top left;
\nbackground-repeat: no-repeat;
\nbackground-attachment: scroll;
\ncolor: #ffffff !important;
\n}<\/p>\n<\/div>\n

Block Titles – Transparent:<\/strong><\/p>\n

*Change font color as needed.<\/span><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

div.block div.title {
\nbackground-color: transparent !important;
\ncolor: #ffffff !important;
\n}<\/p>\n<\/div>\n

Block Titles – Rounded (Use with rounded block corners code.):<\/strong><\/p>\n

*Change 0 to 5px to affect all corners.<\/span><\/p>\n

\n

div.block div.title {
\n-moz-border-radius: 5px 5px 0 0;
\n-webkit-border-top-left-radius: 5px;
\n-webkit-border-top-right-radius: 5px;
\n-webkit-border-bottom-left-radius: 0;
\n-webkit-border-bottom-right-radius: 0;
\n}<\/p>\n<\/div>\n

Block Titles – Remove Text:<\/strong><\/p>\n

\n

div.block div.title {
\nfont-size: 0 !important;
\ntext-indent: -1650px !important;
\n}<\/p>\n<\/div>\n

Block – “View More” Style:<\/strong><\/p>\n

\n

div.block div.bottom {
\nbackground-color: transparent;
\n}
\ndiv.block div.bottom a {
\nborder: 1px solid #000000;
\n}
\ndiv.block div.bottom a:hover {
\nbackground: #777777;
\ncolor: #000000;
\nborder: 1px solid #999999;
\n}<\/p>\n<\/div>\n

Contact Block – Solid Color:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

* “#profile_nav_list a” and “#profile_nav_list a:hover” is for the contact link backgrounds. Change “background-color: transparent !important;” to “background-color: COLOR HERE !important;” for solid color.<\/span><\/p>\n

\n

#profile_nav_list {
\nbackground-color: #00ff00 !important;
\nborder: 1px solid #000000;
\n}<\/p>\n

#profile_nav_list ul li a {
\nbackground-color: #ff00ff !important;
\ncolor: #999999;
\n}
\n#profile_nav_list ul li a:hover {
\nbackground-color: #ff0000 !important;
\ncolor: #e3e3e3;
\n}<\/p>\n<\/div>\n

Contact Block – Transparent:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

* “#profile_nav_list a” and “#profile_nav_list a:hover” is for the contact link backgrounds. Change “background-color: transparent !important;” to “background-color: COLOR HERE !important;” for solid color.<\/span><\/p>\n

\n

#profile_nav_list {
\nbackground-color: transparent !important;
\nborder: 1px solid #000000;
\n}<\/p>\n

#profile_nav_list ul li a {
\nbackground-color: transparent !important;
\ncolor: #999999;
\n}
\n#profile_nav_list ul li a:hover {
\nbackground-color: transparent !important;
\ncolor: #e3e3e3;
\n}<\/p>\n<\/div>\n

Contact Block – Semi-Transparent:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

* “#profile_nav_list a” and “#profile_nav_list a:hover” is for the contact link backgrounds. Change “background-color: transparent !important;” to “background-color: COLOR HERE !important;” for solid color.<\/span><\/p>\n

\n

#profile_nav_list {
\nbackground-color: transparent !important;
\nbackground-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
\nbackground-position: top left;
\nbackground-repeat: repeat;
\nbackground-attachment: scroll;
\nborder: 1px solid #000000;
\n}<\/p>\n

#profile_nav_list ul li a {
\nbackground-color: transparent !important;
\ncolor: #999999;
\n}
\n#profile_nav_list ul li a:hover {
\nbackground-color: transparent !important;
\ncolor: #e3e3e3;
\n}<\/p>\n<\/div>\n

Contact Block – Rounded Corners (Internet Explorer Not Supported.) :<\/strong><\/p>\n

*No need for normal border declaration if already applied.<\/span><\/p>\n

\n

#profile_nav_list {
\n-moz-border-radius: 5px;
\n-webkit-border-radius: 5px;
\n}<\/p>\n<\/div>\n

Default Pic Block – Solid Color:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

.profile_image_holder {
\nbackground-color: #00ff00 !important;
\nborder: 1px solid #000000;
\n}<\/p>\n<\/div>\n

Default Pic Block – Transparent:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

.profile_image_holder {
\nbackground-color: transparent !important;
\nborder: 1px solid #000000;
\n}<\/p>\n<\/div>\n

Default Pic Block – Semi-Transparent:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

.profile_image_holder {
\nbackground-color: transparent !important;
\nbackground-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
\nbackground-position: top left;
\nbackground-repeat: repeat;
\nbackground-attachment: scroll;
\nborder: 1px solid #000000;
\n}<\/p>\n<\/div>\n

Default Pic Block – Rounded Corners (Internet Explorer Not Supported.) :<\/strong><\/p>\n

*No need for normal border declaration if already applied.<\/span><\/p>\n

\n

.profile_image_holder {
\n-moz-border-radius: 5px;
\n-webkit-border-radius: 5px;
\n}<\/p>\n<\/div>\n

Comments Block – Comment Area – Solid Color:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

.comment_header {
\nbackground-color: #00ff00 !important;
\nborder-top: 1px dotted #333333 !important;
\ncolor: #555555 !important;
\nmargin-top: -1px !important;
\n}
\n.comment_box {
\nbackground-color: #00ff00 !important;
\n}
\n.comment_content {
\nbackground-color: #ff00ff !important;
\n}<\/p>\n<\/div>\n

Comments Block – Comment Area – Transparent:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

.comment_header {
\nbackground-color: transparent !important;
\nborder-top: 1px dotted #333333 !important;
\ncolor: #555555 !important;
\nmargin-top: -1px !important;
\n}
\n.comment_box {
\nbackground-color: transparent !important;
\n}
\n.comment_content {
\nbackground-color: transparent !important;
\n}<\/p>\n<\/div>\n

Comments Block – Comment Area – Semi-Transparent:<\/strong><\/p>\n

*border: none !important; for no border.<\/span><\/p>\n

\n

.comment_header {
\nbackground-color: transparent !important;
\nbackground-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
\nbackground-position: top left;
\nbackground-repeat: repeat;
\nbackground-attachment: scroll;
\nborder-top: 1px dotted #333333 !important;
\ncolor: #555555 !important;
\nmargin-top: -1px !important;
\n}
\n.comment_box {
\nbackground-color: transparent !important;
\nbackground-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
\nbackground-position: top left;
\nbackground-repeat: repeat;
\nbackground-attachment: scroll;
\n}
\n.comment_content {
\nbackground-color: transparent !important;
\nbackground-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
\nbackground-position: top left;
\nbackground-repeat: repeat;
\nbackground-attachment: scroll;
\n}<\/p>\n<\/div>\n

Remove “Edit” Icons From Title Bars:<\/strong><\/p>\n

*Note: The icons are only visible on your profile while logged in… other people do not see them.<\/span><\/p>\n

\n

.js_edit_header_bar img {
\nvisibility: hidden;
\n}<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

  « Index CSS Blocks Block – Solid Color: *border: none !important; for no border. div.block { background-color: #00ff00 !important; border: 1px solid #000000; } Block – Transparent: *border: none !important; for no border. div.block { background-color: transparent !important; border: 1px solid #000000; } Block – Semi-Transparent: *border: none !important; for no border. div.block { background-color: […]<\/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-16734","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16734","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=16734"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16734\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=16734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=16734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=16734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}