SFBPC – Comments Block
February 20, 2011 ·
shan1
|
|
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;
}
|
Other
omg, how do i change the color of my comment box, i put the code in and now it’s bright green
You have to change the hex color code. Here’s a chart: http://www.friendburst.com/blog/16392/sfbpc-colorchart/
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! 😳