{"id":4000,"date":"2010-12-08T06:30:29","date_gmt":"2010-12-08T11:30:29","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/4000\/design-and-style-your-friendburst-profile-left-column\/"},"modified":"2010-12-08T06:30:29","modified_gmt":"2010-12-08T11:30:29","slug":"design-and-style-your-friendburst-profile-left-column","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/4000\/design-and-style-your-friendburst-profile-left-column\/","title":{"rendered":"design and style your friendburst profile – left column"},"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<\/span>
\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<\/a><\/p>\n

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

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

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

\n
\n

You can also use all this codes to affect only a single module. Just replace the second selector (“div.block”) with the module specific ID.
\nThis will be compatible with global values for the left column, because the most specific adressed code will prevail.<\/p>\n

module headline<\/strong><\/p>\n

div#sidebar div.block div.title {
\nbackground-color: green<\/span>;
\ncolor: red<\/span>;
\n}<\/div>\n

module background, border and text<\/strong><\/p>\n

div#sidebar div.block {
\nborder: 1<\/span>px solid blue<\/span>;
\nbackground-color: yellow<\/span>;
\ncolor: black<\/span>;
\n}
\ndiv#sidebar div.block div {
\ncolor: black<\/span>;
\n}<\/div>\n

left column – links<\/strong><\/p>\n

div#sidebar div.block a,
\ndiv#sidebar div.block div.content div.t_center div.p_4 a {
\ncolor: blue<\/span>;
\n}<\/div>\n

left column – links hover effect<\/strong><\/p>\n

div#sidebar div.block a:hover,
\ndiv#sidebar div.block div.p_bottom_10:hover a,
\ndiv#sidebar div.block div.content div.t_center:hover div.p_4 a {
\ncolor: red<\/span>;
\ntext-decoration: none;
\n}<\/div>\n

module bottom area<\/strong><\/p>\n

div#sidebar div.block div.bottom {
\nbackground-color: transparent<\/span>;
\n}<\/div>\n

module bottom links<\/strong><\/p>\n

div#sidebar div.block div.bottom ul li a {
\ncolor: white<\/span>;
\n}
\ndiv#sidebar div.block div.bottom ul li a:hover {
\ncolor: black<\/span>;
\nbackground-color: transparent;
\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":[6],"tags":[],"class_list":["post-4000","post","type-post","status-publish","format-standard","hentry","category-friendburst"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4000","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=4000"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4000\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=4000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=4000"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=4000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}