{"id":4520,"date":"2010-12-09T19:37:42","date_gmt":"2010-12-10T00:37:42","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/4520\/design-and-style-your-friendburst-profile-basic-info-section\/"},"modified":"2010-12-09T19:37:42","modified_gmt":"2010-12-10T00:37:42","slug":"design-and-style-your-friendburst-profile-basic-info-section","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/4520\/design-and-style-your-friendburst-profile-basic-info-section\/","title":{"rendered":"design and style your friendburst profile – basic info section"},"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<\/span>
\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><\/p>\n<\/div>\n<\/td>\n

\n
\n

module specific selector<\/strong><\/p>\n

div#js_block_border_profile_info<\/div>\n

left side titles<\/strong><\/p>\n

div#sidebar div#js_block_border_profile_info div.content div.info_left {
\ncolor: red<\/span>;
\n}<\/div>\n

right side text<\/strong><\/p>\n

div#sidebar div#js_block_border_profile_info div.content div.info_right,
\ndiv#sidebar div#js_block_border_profile_info div.content div.info_right span {
\ncolor: blue<\/span>;
\n}<\/div>\n

right side links and hover effect<\/strong><\/p>\n

div#sidebar div#js_block_border_profile_info div.content div.info_right a {
\ncolor: green<\/span>;
\n}
\ndiv#sidebar div#js_block_border_profile_info div.content div.info_right a:hover {
\ncolor: purple<\/span>;
\n}<\/div>\n

replace rating icons<\/strong><\/p>\n

div.star-rating, div.star-rating a {
\nbackground-image:url(URL<\/span>)!important;
\n}<\/div>\n

The default graphic is…
\nhttp:\/\/www.friendburst.com\/static\/jscript\/jquery\/plugin\/star\/star.gif
\nIt’s absolute indispensable to make sure that the icons are on EXACT the same position.
\nI’ll add some pre-made graphics later.<\/p>\n

selector for the membership icon<\/strong>
\n(artist and founder profiles only)<\/p>\n

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