{"id":4737,"date":"2010-12-10T17:09:27","date_gmt":"2010-12-10T22:09:27","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/4737\/design-and-style-your-friendburst-profile-updates-section-updates-area\/"},"modified":"2010-12-10T17:09:27","modified_gmt":"2010-12-10T22:09:27","slug":"design-and-style-your-friendburst-profile-updates-section-updates-area","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/4737\/design-and-style-your-friendburst-profile-updates-section-updates-area\/","title":{"rendered":"design and style your friendburst profile – updates section updates area"},"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<\/span>
\n\u2022\u2022\u2022 \u2022 User Comments<\/a>
\n\u2022 \u2022 Comments Section<\/span>
\n\u2022\u2022\u2022 \u2022 Post Comment<\/a><\/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

update seperators<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.row1,
\ndiv#content div#js_block_border_feed_display div#js_feed_content div.row2 {
\nborder-top: 1<\/span>px dotted black<\/span>;
\n}
\ndiv#content div#js_block_border_feed_display div#js_feed_content div.row_first {
\nborder-top: 0px;
\n}<\/div>\n

update links (name and action)<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.js_user_feed a {
\ncolor: purple<\/span>;
\n}<\/div>\n

update links (name and action) hover effect<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.js_user_feed a:hover {
\ncolor: white<\/span>;
\n}<\/div>\n

update text (XY made this and that)<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.js_user_feed {
\ncolor: black<\/span>;
\n}<\/div>\n

update – own comment text<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.js_user_feed div.p_4 {
\ncolor: red<\/span>;
\n}<\/div>\n

update time stamp<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.extra_info div.feed_entry_time_stamp a.feed_permalink {
\ncolor: lightgreen<\/span>;
\n}<\/div>\n

update time stamp hover effect<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.extra_info div.feed_entry_time_stamp a.feed_permalink:hover {
\ncolor: red<\/span>;
\n}<\/div>\n

update comment\/like\/delete links<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.js_user_feed div.extra_info a {
\ncolor: yellow<\/span>;
\n}<\/div>\n

update comment\/like\/delete links hover effect<\/strong><\/p>\n

div#content div#js_block_border_feed_display div#js_feed_content div.js_user_feed div.extra_info a:hover {
\ncolor: black<\/span>;
\n}<\/div>\n

update comment\/like\/delete link seperators<\/strong><\/p>\n

div#content div#js_block_border_feed_display div.extra_info {
\ncolor: white<\/span>;
\n}<\/div>\n

votes counter<\/strong><\/p>\n

div#content div#js_block_border_feed_display div.extra_info div.feed_entry_rate div {
\ncolor: red<\/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-4737","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4737","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=4737"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4737\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=4737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=4737"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=4737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}