748 - 0
yes

SFBPC – Blocks

2011-02-17 at 01:42 am BlogBlog  RSSRSS  Subscribe

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: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border: 1px solid #000000;
}

Block – Rounded Corners (Internet Explorer Not Supported.) :

*This can also be applied to other elements, by changing the selector to the element to be styled.

*No need for normal border declaration if already applied.

div.block {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Block Titles:

*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.

div.block div.title {
background-color: #00ff00;
background-image: none;
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
color: #ffffff !important;
}

Block Titles – Transparent:

*Change font color as needed.

*border: none !important; for no border.

div.block div.title {
background-color: transparent !important;
color: #ffffff !important;
}

Block Titles – Rounded (Use with rounded block corners code.):

*Change 0 to 5px to affect all corners.

div.block div.title {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}

Block Titles – Remove Text:

div.block div.title {
font-size: 0 !important;
text-indent: -1650px !important;
}

Block – “View More” Style:

div.block div.bottom {
background-color: transparent;
}
div.block div.bottom a {
border: 1px solid #000000;
}
div.block div.bottom a:hover {
background: #777777;
color: #000000;
border: 1px solid #999999;
}

Contact Block – Solid Color:

*border: none !important; for no border.

* “#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.

#profile_nav_list {
background-color: #00ff00 !important;
border: 1px solid #000000;
}

#profile_nav_list ul li a {
background-color: #ff00ff !important;
color: #999999;
}
#profile_nav_list ul li a:hover {
background-color: #ff0000 !important;
color: #e3e3e3;
}

Contact Block – Transparent:

*border: none !important; for no border.

* “#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.

#profile_nav_list {
background-color: transparent !important;
border: 1px solid #000000;
}

#profile_nav_list ul li a {
background-color: transparent !important;
color: #999999;
}
#profile_nav_list ul li a:hover {
background-color: transparent !important;
color: #e3e3e3;
}

Contact Block – Semi-Transparent:

*border: none !important; for no border.

* “#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.

#profile_nav_list {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border: 1px solid #000000;
}

#profile_nav_list ul li a {
background-color: transparent !important;
color: #999999;
}
#profile_nav_list ul li a:hover {
background-color: transparent !important;
color: #e3e3e3;
}

Contact Block – Rounded Corners (Internet Explorer Not Supported.) :

*No need for normal border declaration if already applied.

#profile_nav_list {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Default Pic Block – Solid Color:

*border: none !important; for no border.

.profile_image_holder {
background-color: #00ff00 !important;
border: 1px solid #000000;
}

Default Pic Block – Transparent:

*border: none !important; for no border.

.profile_image_holder {
background-color: transparent !important;
border: 1px solid #000000;
}

Default Pic Block – Semi-Transparent:

*border: none !important; for no border.

.profile_image_holder {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border: 1px solid #000000;
}

Default Pic Block – Rounded Corners (Internet Explorer Not Supported.) :

*No need for normal border declaration if already applied.

.profile_image_holder {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Comments Block – Comment Area – Solid Color:

*border: none !important; for no border.

.comment_header {
background-color: #00ff00 !important;
border-top: 1px dotted #333333 !important;
color: #555555 !important;
margin-top: -1px !important;
}
.comment_box {
background-color: #00ff00 !important;
}
.comment_content {
background-color: #ff00ff !important;
}

Comments Block – Comment Area – Transparent:

*border: none !important; for no border.

.comment_header {
background-color: transparent !important;
border-top: 1px dotted #333333 !important;
color: #555555 !important;
margin-top: -1px !important;
}
.comment_box {
background-color: transparent !important;
}
.comment_content {
background-color: transparent !important;
}

Comments Block – Comment Area – Semi-Transparent:

*border: none !important; for no border.

.comment_header {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
border-top: 1px dotted #333333 !important;
color: #555555 !important;
margin-top: -1px !important;
}
.comment_box {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
}
.comment_content {
background-color: transparent !important;
background-image: url(DIRECT IMAGE URL – SEMI-TRANSPARENT PNG FILE);
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
}

Remove “Edit” Icons From Title Bars:

*Note: The icons are only visible on your profile while logged in… other people do not see them.

.js_edit_header_bar img {
visibility: hidden;
}

Last 5 posts by shan1


View Counter: 1,121 views


Leave a Reply

You must be logged in to post a comment.