{"id":4029,"date":"2010-12-08T07:43:55","date_gmt":"2010-12-08T12:43:55","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/4029\/design-and-style-your-friendburst-profile-music-section\/"},"modified":"2010-12-08T07:43:55","modified_gmt":"2010-12-08T12:43:55","slug":"design-and-style-your-friendburst-profile-music-section","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/4029\/design-and-style-your-friendburst-profile-music-section\/","title":{"rendered":"design and style your friendburst profile – music 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<\/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><\/p>\n<\/div>\n<\/td>\n

\n
\n

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

Regular Profiles<\/p>\n

div#js_block_border_music_profile<\/div>\n

Musician Profiles<\/p>\n

div#js_block_border_music_song<\/div>\n

Music section – player background and border<\/strong><\/p>\n

div#sidebar div.block div.label_flow {
\nborder: 1<\/span>px solid red<\/span>;
\nbackground-color: magenta<\/span>;
\n}<\/div>\n

Music section – track seperators<\/strong><\/p>\n

div#sidebar div.block div.label_flow div.row1,
\ndiv#sidebar div.block div.label_flow div.row2 {
\nborder-top-width: 3<\/span>px;
\nborder-top-style: dotted<\/span>;
\nborder-top-color: black<\/span>;
\n}
\ndiv#sidebar div.block div.label_flow div.row_first {
\nborder-top-width: 0px;
\n}<\/div>\n

Music section – track titel<\/strong><\/p>\n

div#sidebar div.block div.label_flow div.go_left a {
\ncolor: white<\/span>;
\n}
\ndiv#sidebar div.block div.label_flow div.go_left a:hover {
\ncolor: black<\/span>;
\n}<\/div>\n

Music section – track length<\/strong><\/p>\n

div#sidebar div.block div.label_flow div {
\ncolor: blue<\/span>;
\n}<\/div>\n

Music section – “by:”<\/strong>
\n(regular profiles only)<\/p>\n

div#sidebar div.block div.label_flow div.go_left div {
\ncolor: red<\/span>;
\n}<\/div>\n

Music section – artist name<\/strong>
\n(regular profiles only)<\/p>\n

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