{"id":5282,"date":"2010-12-12T10:34:01","date_gmt":"2010-12-12T15:34:01","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/5282\/design-style-friendburst-profile-comments-section-post-comment\/"},"modified":"2010-12-12T10:34:01","modified_gmt":"2010-12-12T15:34:01","slug":"design-style-friendburst-profile-comments-section-post-comment","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/5282\/design-style-friendburst-profile-comments-section-post-comment\/","title":{"rendered":"design and style your friendburst profile – comments section – post comment"},"content":{"rendered":"\n<\/col>\n<\/col>\n\n\n
\n
\n

\u2022 Introduction<\/span><\/p>\n

\u2022 Background<\/span><\/p>\n

\u2022 Top Area<\/a>
\n\u2022 \u2022 Custom Top Banner<\/a>
\n \u2022 Navigation Bar<\/a><\/p>\n

\u2022 Middle Area<\/span><\/p>\n

\u2022 Profile Header<\/a>
\n \u2022 Contact Box<\/a>
\n \u2022 Profile Image<\/a><\/p>\n

\u2022 Left Column<\/a>
\n\u2022 \u2022 BasicInfo Section<\/a>
\n\u2022 \u2022 Music Section<\/a><\/p>\n

\u2022 Right Column<\/a>
\n\u2022 \u2022 Updates Section<\/a>
\n\u2022\u2022\u2022 \u2022 Input Area<\/a>
\n\u2022\u2022\u2022 \u2022 Updates Area<\/a>
\n\u2022\u2022\u2022 \u2022 User Comments<\/a>
\n\u2022 \u2022 Comments Section<\/span>
\n\u2022\u2022\u2022 \u2022 Post Comment<\/span><\/p>\n

\u2022 Bottom Area<\/a><\/p>\n

\u2022 Tweaks<\/span><\/p>\n

\u2022
\n \u2022 Pre-made Layouts<\/a><\/p>\n<\/div>\n<\/td>\n

\n
\n

post comment area<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder {
\nbackground-color: black<\/span>;
\nmargin-top: 1px;
\n}<\/div>\n

post comment area – “Message:”<\/strong> (the text next to the icons)<\/p>\n

div#content div#js_comment_form_holder div.table div.table_left {
\ncolor: green<\/span>;
\n}<\/div>\n

post comment icon bar<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder div.editor_menu {
\nbackground-color: red<\/span>;
\nborder: 1<\/span>px solid yellow<\/span>;
\n}<\/div>\n

post comment icons<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder div.editor_menu a.editor_button {
\nbackground-color: white<\/span>;
\nborder: 1<\/span>px solid black<\/span>;
\npadding-top: 4px !important;
\npadding-bottom: 0px !important;
\n}<\/div>\n

post comment icons hover effect<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder div.editor_menu a.editor_button:hover {
\nbackground-color: gray<\/span>;
\n}<\/div>\n

post comment icon seperators<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder div.editor_menu div.editor_separator {
\nborder-color: black<\/span>;
\n}<\/div>\n

post comment input textarea<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder textarea {
\nbackground-color: lightgrey<\/span>;
\nborder: 1<\/span>px solid orange<\/span>;
\ncolor: green<\/span>;
\n}<\/div>\n

post comment submit button<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder input.button {
\nbackground-color: yellow<\/span>;
\nborder: 1<\/span>px solid red<\/span>;
\ncolor: green<\/span>;
\npadding-right: 3px;
\n}<\/div>\n

post comment submit button hover effect<\/strong><\/p>\n

div#content div#js_block_border_comment_display div#js_comment_form_holder input.button:hover {
\nbackground-color: blue<\/span>;
\nborder: 1<\/span>px solid lightgreen<\/span>;
\ncolor: white<\/span>;
\n}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

\u2022 Introduction \u2022 Background \u2022 Top Area \u2022 \u2022 Custom Top Banner \u2022 Navigation Bar \u2022 Middle Area \u2022 Profile Header \u2022 Contact Box \u2022 Profile Image \u2022 Left Column \u2022 \u2022 BasicInfo Section \u2022 \u2022 Music Section \u2022 Right Column \u2022 \u2022 Updates Section \u2022\u2022\u2022 \u2022 Input Area \u2022\u2022\u2022 \u2022 Updates Area \u2022\u2022\u2022 \u2022 […]<\/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-5282","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/5282","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=5282"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/5282\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=5282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=5282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=5282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}