{ BAND PROFILE 03 Design and layout by HTTP://WWW.MYSPACE.COM/GERRYATMYSPACE Updated: 14.07.09 Title: VIDEO and IMAGE with TITLE banner Tips: shorthand color naming isn't recognised by MySpace. ie #000 = black in traditional web development. In MySpace you must use RGB color selection. example: background: rgb(0,0,0); } { NOTE - PLEASE READ BEFORE PLACING INTO YOUR PROFILE 1. ALWAYS BACKUP YOUR OLD CODE BEFORE YOU START EDITING YOUR PROFILE! 2. YOU MUST REMOVE ALL THE COMMENTS FROM THIS PAGE BEFORE DROPPING IT INTO MYSPACE. ie USE THIS AS A REFERENCE PAGE. DON'T SELECT-ALL AND COPY AND DROP INTO YOUR PAGE. 3. USE SAFE-MODE TO EDIT YOUR PROFILE. THE SAFE MODE BUTTON IS ON YOUR DASHBOARD PAGE (RIGHT BESIDE YOUR MYSPACE URL!). 4. A GOOD TIP IS TO OPEN 2 TABS ON YOUR BROWSER. OPEN YOUR PROFILE ON ONE BROWSER. OPEN THE SAFE-MODE ON ANOTHER. EDIT AND SAVE AND REFRESH THE TAB WITH YOUR PROFILE ON IT. }
{============================BODY BACKGROUND COLOR============} { IF YOU WANT TO CHANGE THE COLOR OF THE BACKGROUND FROM THE WHITE. CHANGE IT HERE: REMEMBER THAT >> COLOR: RGB(0,0,0); = TEXT COLOR } body {background: rgb(255,255,255); color: rgb(153,153,153) !important; text-align: default !important;} { IF YOU WOULD LIKE TO CHANGE THE WHITE BACKGROUND THAT IS IN THE MIDDLE OF THE PAGE - THEN CHANGE THE BACKGROUND TO WHATEVER COLOR YOU WOULD LIKE - MAKE SURE TO USE RGB SETTINGS. A GOOD TIP ON HOW TO GET THE RGB NUMBER IS TO USE PHOTOSHOP. WHEN YOU USE COLOR SAMPLING YOU CAN SEE THE RGB OF ANY COLOR.} table, tr, td {background: transparent; color: rgb(153,153,153) !important; border:0px;}
{============================BANNER============================} { THIS IS TO CREATE ROOM AT THE TOP OF THE PROFILE FOR THE VIDEO TO SIT INTO } body table {margin-top:548px;} body td table, body div table {margin-top: 0;} table.rail, .i, .i i.x {display:none;} { THIS IS THE BANNER THAT SITS ACROSS THE TOP OF THE PROFILE. THIS IS A DIV THAT IS ABSOLUTELY POSITIONED.} .banner {width: 800px; height: 468px; position: absolute; top: 206px; left: 50%; margin-left: -400px; background: URL('http://creative.myspace.com/au/marketing/musichub/music-help/Musicprofile-03/images/banner-03.jpg') no-repeat;} {THIS IS THE CODE THAT IS ABSOLUTELY POSITIONS THE VIDEO ONTOP OF THE IMAGE } .video {width:350; height: 296px; margin: 0px; position: absolute; top: 126px; right: 40px;}
{ THIS IS THE CODE FOR YOUR OWN NAVIGATION. I'VE INCLUDED LINKS TO ITUNES, AND YOUR OWN STORE ETC. IF YOU WANT TO CHANGE THIS WITHOUT TOUCHING THE CODE, THEN USE THE PHOTOSHOP TEMPLATE IN THE ZIP. IF YOU COPY FROM THE TEMPLATE - THEN YOU WILL NOT NEED TO CHANGE ANY OF THIS CODE } .unique-nav {width: 800px; height: 80px; background: rgb(255,255,255); position: absolute; top: 672px; left: 50%; margin-left: -400px; background: url('http://creative.myspace.com/au/marketing/musichub/music-help/Musicprofile-03/images/navigation.gif') no-repeat;} .unique-nav ul {display: inline;} .unique-nav ul li{display: inline;} .unique-nav ul li a.item-1{float: left; width: 140px; height: 80px;} .unique-nav ul li a.item-2{float: left; width: 120px; height: 80px;} .unique-nav ul li a.item-3{float: left; width: 125px; height: 80px;} .unique-nav ul li a.item-4{float: left; width: 144px; height: 80px;} .unique-nav ul li a.item-5{float: left; width: 271px; height: 80px;}
{===========================TEXT AND LINK ITEMS===========================} { THIS IS THE TEXT COLOUR INSIDE THE NAVIGATION BAR} tr td a {color: rgb(153,153,153)!important;} { THIS IS THE TEXT COLOUR INSIDE THE BLOG ITEM } span.text {color: rgb(56,56,56) !important;} { TO CHANGE THE LINK COLOR EDIT THESE } td#ProfileBand a, a:link, a.redlink:link, body table table table.latestBlogEntry a {color: rgb(0,0,0); font-weight: bold;} a:hover, a.redlink:hover {color: rgb(153,153,153) !important;} a {color: rgb(255,255,255) !important;} {IF YOU WANT TO HAVE YOUR OWN BAND NAME FONT LOAD INPLACE OF THE STANDARD WEB FONT - THEN REPLACE THE BACKGROUND WITH AN ABSOLUTE PATH TO YOUR IMAGE. IF YOU DON'T WANT TO DO THIS - PLEASE REMOVE THE BLOCK OF TEXT FROM YOUR CODE} span.nametext {text-indent: -9999px !important; background: url('http://creative.myspace.com/au/marketing/musichub/music-help/Musicprofile-03/images/profile-name.gif') no-repeat !important; width: 200px !important; height: 50px !important; display: block;} { IF YOU WANT TO HAVE BACKGROUNDS BEHIND YOUR HEADINGS IE ON THE BIO, BLOG ETC - THEN EDIT THE BACKGROUND IN HERE. THESE ARE ALL THE CLASSES THAT ARE USED ON THE HEADINGS IN A BAND PROFILE. SO BY CHANGING THE COLOR SETTING HERE WILL EFFECT THE COLOR OF THE TEXT. IF YOU WANT TO HAVE A BACKGROUND COLOR OR IMAGE IN HERE - THEN REMOVE THE WORD TRANSPARENT, AND LOAD IN AN IMAGE AS A BACKGROUND} span.orangetext15, span.whitetext12, span.orangetext15, span.blacktext12, span.nametext, { background: transparent; font-size:0px; color: rgb(56,56,56); display:block; font-family: Arial,Helvetica,sans-serif; font-weight: bold; line-height:11px; margin:0; padding: 0px 0px 0px 0px; text-transform:uppercase; width:90%; } span.lightbluetext8 {color: rgb(56,56,56);} table.friendsComments span.orangetext15 {color: #333;}
{=========================TO CHANGE THE TEST HEADINGS OF EACH SECTION ie Bio, Upcoming gigs etc =========================} .latestBlogEntry { position: relative; left: -12px; height:40px; width: 400px; background: url('http://creative.myspace.com/au/marketing/musichub/music-help/Musicprofile-03/images/blog-entries.gif') no-repeat; border-collapse: collapse !important; border-spacing: 0px !important;} .latestBlogEntry .btext { text-indent: -9999px; display: block; padding-top: 30px} table table table table td.text span.whitetext12 { background:transparent url('http://creative.myspace.com/au/marketing/musichub/music-help/Musicprofile-03/images/upcoming-shows.gif') no-repeat scroll 0 0; display:block; height:40px; left:8px; margin-bottom:0; position:relative; text-indent:-9999px; visibility:visible; width:400px;} { THIS REMOVES THE ABOUT ME TEXT FROM TEH TOP OF THE BIO SECTION. YOU CANT LOAD IN A HEADER OVER THIS - YOU NEED TO USE A STANDARD IMG TAG INSTEAD AND PLACE THIS AT THE START OF YOUR TEXT BIOGRAPHY. IE THIS IS A HTML HEADING. NOT A CSS OVERRIDE TYPE HEADING} td.text td.text .orangetext15 {display: none;} .friendSpace .orangetext15 { display: block !important; text-indent: -9999px; background: url('http://creative.myspace.com/au/marketing/musichub/music-help/Musicprofile-03/images/friends-of-gerry.gif') no-repeat 12px 0px; height: 40px; width: 400px;} .friendspace .btext {text-indent: 0px !important; color: #333;} table.friendsComments {padding-top:50px; background: url('http://creative.myspace.com/au/marketing/musichub/music-help/Musicprofile-03/images/leave-a-comment.gif') no-repeat;} table.friendsComments td span.orangetext15 {text-indent: -9999px;}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus, nisi ut dapibus tincidunt, lorem justo feugiat odio, a porta mauris mi non nulla. Phasellus imperdiet ipsum vitae risus porttitor placerat. Sed vehicula justo eget ipsum faucibus et interdum augue vehicula. Praesent volutpat pellentesque accumsan. Sed mi sem, facilisis nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus, nisi ut dapibus tincidunt, lorem justo feugiat odio, a porta mauris mi non nulla. Phasellus imperdiet ipsum vitae risus porttitor placerat. Sed vehicula justo eget ipsum faucibus et interdum augue vehicula. Praesent volutpat pellentesque accumsan. Sed mi sem, facilisis nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus, nisi ut dapibus tincidunt, lorem justo feugiat odio, a porta mauris mi non nulla. Phasellus imperdiet ipsum vitae risus porttitor placerat. Sed vehicula justo eget ipsum faucibus et interdum augue vehicula. Praesent volutpat pellentesque accumsan. Sed mi sem, facilisis nec.
