Advanced CSS Codes....

k… these are all codes you can put into the advanced tab in the Theme Editor to change your layout… make sure you save anything you put in the advanced tab, sometimes it doesn’t save the first time. so preview it again after you’ve saved it. and if you need to put the codes in again, you’ll already have them saved :o) enjoy

Admin edit
Learn CSS here: http://www.w3schools.com/css/default.asp

* Ask for help if a code is not working right. Myspace likes to make changes without telling anyone, so I (Heathaaa) will try to keep these codes updated accordingly when that happens. :)

rounded tables

THIS CODE, YOU CAN PLACE BEHIND ANY TABLE CODE TO MAKE THE TABLE ROUNDED

LIKE THIS… http://www.myspace.com/testest22

-moz-border-radius: 1em;

music player skin

THIS IS JUST A SKIN THAT GOES OVER YOUR MYSPACE MUSIC PLAYER. IT DOENS’T AFFECT WHAT SONG PLAYS YOU NEED TO HAVE THE DEFAULT PLAYER (not the jukebox, etc.)

LIKE THIS… http://www.myspace.com/testest22

table table div {
background-image:url(URL GOES HERE);
background-position:center center; background-repeat:no-repeat;
}

table.userProfileURL div, .userProfileApp div, table.main table div, table table table table div {
background-color:transparent;
background-image:none;
}

table table div object, table table div embed {
height:48px !important;
width:292px !important;
-moz-opacity:0.01;
filter: alpha(opacity=1);
}
table table td.text div object, table table td.text div embed {
-moz-opacity:1.0;
filter: alpha(opacity=100);
}

default background

THIS WILL MAKE THE AREA BEHIND THE TABLES ONE SOLID COLOR

table td td {
background-color:ffffff;
}

.navigationBar td {
background-color:transparent;
}
.contactTable td{
background-color:transparent;
}

Hey thanks Amy! Very cool of you to share your codes!

Please note that this is called the advanced tab for a reason. It’s advanced. I’m not going to be able to write layout codes for everyone to use. Please use the resources in this thread to learn how to use CSS in the advanced tab.

Myspace filters out the # sign and the single quote ‘ So don’t use those when writing CSS. For example: when you write color:#ffffff; just use color:ffffff;

Ok I made a little key for all the different class names you can use to change up different items that aren’t given as choices in the theme editor. So if you want to add a different background to some of the other boxes, you can! (like the top friends box…etc.)

Go to this link to learn basic CSS and how to use these class names to make any changes you want:
http://www.w3schools.com/css/default.asp

note
whitetext12 and orangetext15 are almost the same color! Sorry!! Didn’t realize that. Just remember that whitetext12 is on the left side and orangetext15 is on the right side.

EDIT:

I’m deleting my navigation bar code since myspace made a change and you can’t customize it anymore! :(

yeah i guess that did look a little confusing before lol

Background coding help…

.classname {
background-image:url(IMAGE URL HERE);
background-repeat:no-repeat;
background-position: top center;
}

• you can also just have the image repeat only vertically by placing repeat-x after repeat:

or only horizonally by placing repeat-y after repeat:

• you can also put “repeat” if you want the image to tile and cover the whole background area.

• you can change the position of the image:
  for example, if you want it in the corner, you can put “bottom left” instead of “top center”.

I know you guys already know this but it may help others!

http://www.coolchaser.com/layout/create_with_theme/278320

Is there any reason why IE doesn’t show my image above the main links? FF does!

www.myspace.com/zombieflickchick

Also, the music player shows the image but the player doesn’t show through. HELP!

Banner disappearing in IE:
change the code in the advanced css to this for the bg color

table.navigationBar table td {
background-color:000000;
}

Music player doesn’t show:
In your music player background, you have to have your own button where the play/pause button would go because you won’t be able to see the default buttons. It’s sort of the way the contact table backgrounds work like you have to have the add, msg, in the image.

i really like your layout tammy!!! here’s the blank template for the music player if you or anyone else wants to use it to apply your own bg. everything is invisible except the little windows/buttons

Thanks Amy!

ahh thanks Amy! I was searching my email for the one you sent me and then I got distracted and forgot. LoL! :P

np this is a gif file cause photobucket won’t let me put photoshop files on it. so you just have to change it to rgb colors in photoshop

Edit to Amy’s Music player code so the blog does not show the music player skin:

table table div {
background-image:url(URL GOES HERE);
background-position:center center; background-repeat:no-repeat;
}

table.userProfileURL div, .userProfileApp div, table.main table div, table table table table div {
background-color:transparent;
background-image:none;
}

table table div object, table table div embed {
height:48px !important;
width:292px !important;
-moz-opacity:0.01;
filter: alpha(opacity=1);
}
table table td.text div object, table table td.text div embed {
-moz-opacity:1.0;
filter: alpha(opacity=100);
}

I posted a new music player skin code that makes it work and fixes the blog and band profile glitches.

http://forums.coolchaser.com/forums/2/topics/8?page=6#posts-3414

table table div {
background-image:url(URL GOES HERE); 
background-position:center center; background-repeat:no-repeat;
}

table.userProfileURL div, .userProfileApp div, table.main table div, table table table table div {
background-color:transparent; 
background-image:none;
} 

table table div object, table table div embed {
height:48px !important;
width:292px !important;
-moz-opacity:0.01; 
filter: alpha(opacity=1);
} 
table table td.text div object, table table td.text div embed {
-moz-opacity:1.0; 
filter: alpha(opacity=100);
}

I made another one for my current page since I change it like my underwear!!!

http://www.myspace.com/zombieflickchick

Hey that looks really good! :)

cute!!! oh heathaaaaa….... remember when you asked me to try out how the skin will work if someone has a diff player like the little girl…. well it shows up ok… the only problem is that you can’t use the buttons!!! i thought it was just my computer but then i realized what was going on when i saw that post you put in site suggestions about the contact table that you just put buttons where the links are so you can still use them…. well it’s the same for the music player too. if you have a reg player, the links work but if you have the little girl then you can’t use them cause that’s not where they’d be… of course. did i lose you lol

check it out on my reg page and you’ll see what i’m talking about. i’ll change the player on my test page to back to a reg player so the links will work on there

ohhhh ok. So people need to be using the regular player in order to use the skins. That’s pretty simple enough. :)

Thanks!

Maybe I can start sharing all of the music player skins I have been creating and put them in another thread. What do you guys think?

That would be very very sweet of you Tammy! If you do want to do that, can you start the thread in the “Show Your Stuff” forum and I’ll make it a sticky in there. :)

I posted them in “show your stuff” like you requested.

is there a code so you can put a banner or pic above the advertisement? my cousin has a pic/banner above his advertisement. he got his layout from “real Editor”.
any ideas?

Yeah, of course there is a way if “realeditor” can do it! :D Did you want to tweak your existing layout? Put this code then at the end of your code then:

Basically, instead of lowering the body table, you are just lowering the body itself. So tweak how much you wanna lower the body by changing “THE HEIGHT OF THE BANNER} part.

Good luck! XD

ok, so pretty much it gets the Banner above the add?