748 - 0
yes

SFBPC – Comments Block

2011-02-20 at 12:15 am BlogBlog  RSSRSS  Subscribe

Comments Block

Comments Block Style:

*Change colors as needed, including transparent backgrounds.

.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;
margin-bottom: 0 !important;
}
.comment_content {
background-color: #ff00ff !important;
padding-left: 4px !important;
}

Comments Button ⁄ Pager Style:

*Change colors as needed.

.comment_link {
background-color: #00ff00 !important;
}
.comment_link li a {
background-color: #191919 !important;
border: 1px solid #333333 !important;
color: #777777 !important;
}
.comment_link li a:hover {
background-color: #252525 !important;
border: 1px solid #494949 !important;
color: #cccccc !important;
}

.pager_left {
color: #595959 !important;
}
#js_block_border_comment_display.block .pager li {
color: #000000;
}
.pager li a {
background-color: #191919 !important;
border: 1px solid #333333 !important;
color: #777777 !important;
}
.pager li a.active {
background-color: #252525 !important;
border: 1px solid #494949 !important;
color: #bb0000 !important;
}
.pager li a:hover {
background-color: #252525 !important;
border: 1px solid #494949 !important;
color: #cccccc !important;
}

Comments Form Style:

*Change colors as needed.

#js_comment_form_holder {
background-color: transparent;
margin-bottom: 10px;
padding: 5px 0 0 0;
}
#js_comment_form .table {
padding-bottom: 2px;
}
#js_comment_form .table_right {
padding: 0 3px 0 3px !important;
margin-left: 0;
}
#js_comment_form .edit_menu_container {
margin-left: 15px;
}
#js_comment_form div.table_clear {
margin-left: 3.2%;
}
.w_95 {
background-color: #00ff00 !important;
border: 1px solid #00ff00 !important;
}
.w_95 .editor_menu {
background-color: #00ff00 !important;
border: none !important;
}
.w_95 a.editor_button {
border: 1px solid #232323 !important;
}
.w_95 a.editor_button:hover {
background-color: #535353 !important;
border: 1px solid #656565 !important;
}
.w_95 .editor_separator {
margin: 4px 3px 2px 2px;
background-color: #333333;
border-style: solid;
border-color: #191919 #393939 #393939 #191919;
}
.w_95 div#layer_text {
background-color: #00ff00;
}
.w_95 textarea {
background-color: #000000 !important;
color: #999999 !important;
border-top: 1px solid #000000;
border-right: 1px solid #232323;
border-bottom: 1px solid #232323;
border-left: 1px solid #000000;
padding: 3px;
}
input#js_comment_submit.button {
background-color: #00ff00 !important;
border: 1px solid #ff00ff !important;
color: #777777 !important;
font-family: arial;
}
input#js_comment_submit.button:hover {
background-color: #ff00ff !important;
border: 1px solid #00ff00 !important;
color: #ffffff !important;
}

Comments Block – Scroll:

*Change “500px” to needed height.

#js_comment_listing {
height: 500px;
overflow-y: auto;
}
.comment_header {
position: relative !important;
}
.comment_header div {
padding-left: 4px !important;
padding-right: 2px !important;
}
.comment_box {
margin-bottom: 0 !important;
}
.comment_content {
padding-left: 4px !important;
}

Last 5 posts by shan1


View Counter: 1,789 views


4 Responses to “SFBPC – Comments Block”

  1. omg, how do i change the color of my comment box, i put the code in and now it’s bright green

    Likes: Thumb up 0

  2. You have to change the hex color code. Here’s a chart: http://www.friendburst.com/blog/16392/sfbpc-colorchart/

    Likes: Thumb up 0

  3. Ok, I am confused..I don’t understand the whole comment subject. How do I leave a comment on someone’s wall, & how,l & where do I locate the URL
    of a photo? Where does everyone get all of these beautiful moving, & motionless pictures? I’m sorry for all the questions, but I am a complete noob when
    it comes to this sort of thing..lol Thank you in advance for any help you can give me! :oops:

    Likes: Thumb up 0

    shän
    shan1 Reply:

    You may find the answers here http://www.friendburst.com/forum/ . If not, post a new topic in the correct category for each question/issue. Hint: for general help on using the site, look under “Help and Questions”… For customizing help (using code to make your profile look the way you want), look under “Customizing (personal profiles, groups, and blogs)”.
    :)

    Likes: Thumb up 0

Leave a Reply

You must be logged in to post a comment.