{"id":4340,"date":"2010-12-09T06:25:26","date_gmt":"2010-12-09T11:25:26","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/4340\/design-and-style-your-friendburst-profile-bottom-area\/"},"modified":"2010-12-09T06:25:26","modified_gmt":"2010-12-09T11:25:26","slug":"design-and-style-your-friendburst-profile-bottom-area","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/4340\/design-and-style-your-friendburst-profile-bottom-area\/","title":{"rendered":"design and style your friendburst profile – bottom 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<\/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<\/span><\/p>\n

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

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

\n
\n

bottom area – border and background<\/strong><\/p>\n

div#bottom {
\nbackground-color: blue<\/span>;
\nborder: 1<\/span>px solid red<\/span>;
\nborder-bottom: 0px;
\n}<\/div>\n

bottom area – links and hover effect<\/strong><\/p>\n

div#bottom div.bottom_menu ul li a {
\ncolor: gold<\/span>;
\n}
\ndiv#bottom div.bottom_menu ul li a:hover {
\ncolor: black<\/span>;
\n}<\/div>\n

bottom area – link seperators<\/strong><\/p>\n

div#bottom div.bottom_menu ul li span {
\ncolor: red<\/span>;
\n}<\/div>\n

bottom area – copyright notification<\/strong><\/p>\n

div#bottom div.copyright {
\ncolor: red<\/span>;
\n}<\/div>\n

Replace the RSS-feed icon (20 x 21 px)<\/strong>
\nPre-made icons: Graphic Ressources (RSS Icons)<\/a><\/p>\n

div#bottom div.bottom_menu ul li.rss_link a {
\nbackground-image: url(URL<\/span>);
\n}
\ndiv#bottom div.bottom_menu ul li.rss_link a img {
\nvisibility: hidden;
\n}<\/div>\n

replace the “select language” icon<\/strong><\/p>\n

div#bottom div.bottom_menu ul li a#select_lang_pack {
\nbackground-image: url(http:\/\/i53.tinypic.com\/2mzi5bc.png<\/span>);
\nbackground-position: center right;
\nbackground-repeat: no-repeat;
\n}
\ndiv#bottom div.bottom_menu ul li a#select_lang_pack img {
\nvisibility:hidden;
\n}<\/div>\n

I’ll add some pre-made icons later.<\/p>\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-4340","post","type-post","status-publish","format-standard","hentry","category-friendburst"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4340","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=4340"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4340\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=4340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=4340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=4340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}