You are on page 1of 3

/*

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 tra
ditional 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 MYSPA
CE. ie USE THIS AS A REFERENCE PAGE. DON'T SELECT-ALL AND COPY AND DROP INTO YOU
R 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 BROWSE
R. OPEN THE SAFE-MODE ON ANOTHER. EDIT AND SAVE AND REFRESH THE TAB WITH YOUR PR
OFILE 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(0,0,0);
color: rgb(255,255,255) !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(255,255,255) !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/Mu
sicprofile-04/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; r
ight: 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 TEM
PLATE 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/Mu
sicprofile-04/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/Mu
sicprofile-04/images/profile-name.gif') no-repeat !important;
width: 200px !important;
height: 50px !important;}
/* IF YOU WANT TO HAVE BACKGROUNDS BEHIND YOUR
HEADINGS IE ON THE BIO, BLOG ETC - T
HEN 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 O
F 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.n
ametext, span.btext {
background: transparent;
font-size:16px;
color: rgb(255,255,255);
display:block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
line-height:31px;
margin:0;
padding: 0px 0px 0px 0px;
text-transform:uppercase;
width:90%;
}
span.lightbluetext8 {color: rgb(255,255,255);}

/*=========================CONTACT TABLE=========================*/
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background:url('http://creative.myspace.com/au/marketing/musichub/music-help/Mus
icprofile-04/images/contact-table.gif') no-repeat 0px 20px;
background-color:transparent;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;
}
.contactTable .whitetext12 {visibility:hidden;}

You might also like