I'm working on my first myspace lyt, but...

[Rebecca!]

I don't understand what's wrong with it. I read the tuts and all, but yeah. This is the code, and I was just hoping someone could help me fix it? Thanks.

EDIT://
Okay, so I managed to get the text effect to show, but how do I add a backround? Every time I use this code, it just looses the css that does show, and it doesn't show the backround. :(
<style type=”text/css”>
body {background-image: url(backround image url)}
</style>
**********************************
<style>
{font-family: Century Gothic;
font-size: 10px;
color: CC0099 ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.orangetext15
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.whitetext12
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.lightbluetext8
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight:none;
}
.text
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.nametext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.blacktext12
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.blacktext10
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.btext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.redtext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.redbtext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
</style>

[Eagle]

remove all the '#'s, for one.

[Rebecca!]

Okay, then what?

[Eagle]

You tell me. You haven't said what's wrong with it..

[Rebecca!]

You tell me. You haven't said what's wrong with it..

It just looks the same, only it actually HAS the code (or atempt of one) in the "about me" section. :p

[Eagle]

Change the colours, and widths of things.

[candysplash]

Dude where's your <style> at the start and </style> at the end?

..and this bit:
{font-family: Century Gothic;
font-size: 7px;
color: CC0099 ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}

is wrong. What are you trying to define?

[Rebecca!]

This is the stylesheet I used for the tutorial (http://www.createblog.com/forums/index.php?showtopic=144829):

body {
background-color: ######;
background-image: url('URL HERE');
background-attachment:;
background-repeat: repeat;
background-position:;
}
font, body, table, td, div, h1, h2, br, a, p {font-family:; font-size:; color:; background-color: text-transform:; text-decoration:; font-weight:;}
.orangetext15 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.whitetext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.lightbluetext8 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.text {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.nametext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext10 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redbtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
font, body, table, td, div, h1, h2, br, a, p {font-family:; font-size:; color:; background-color: text-transform:; text-decoration:; font-weight:;}
.orangetext15 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.whitetext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.lightbluetext8 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.text {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.nametext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.blacktext10 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
.redbtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;}

I tried following the steps, but I don't know what I did wrong. :(

[candysplash]

Don't use that:
<style type=”text/css”>
body {background-image: url(backround image url)}
</style>
use this:
<style type=”text/css”>
body {background-image: url('URL');}
</style>

[Rebecca!]

That still doesn't work. This is what happens:
http://i302.photobucket.com/albums/nn109/trymesite/fsdafdsasdfafdsafdsafdas.jpg

And this is the code when I put that in:
<style type=”text/css”>
body {background-image: url(http://i302.photobucket.com/albums/nn109/trymesite/l-2.png);}
</style>

{font-family: Century Gothic;
font-size: 10px;
color: CC0099 ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.orangetext15
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.whitetext12
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.lightbluetext8
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight:none;
}
.text
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.nametext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.blacktext12
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.blacktext10
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.btext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.redtext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.redbtext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}

[accionatty!]

Umm I suggest taking someone else's layout, like on Charm Royal or Aero Charm and editing it, because theirs is probably good.

[Rebecca!]

Umm I suggest taking someone else's layout, like on Charm Royal or Aero Charm and editing it, because theirs is probably good.

Wouldn't that be stealing though??

[accionatty!]

No.
It's the same code that everyone uses, and if it were any different the whole thing wouldn't work :rolleyes:
If people say it's stealing, then you're wrong, because they're all codes from like myspace code sites pasted together.

[Maz]

Change your current code to this:


<style type=”text/css”>
body {background-image: url(http://i302.photobucket.com/albums/nn109/trymesite/l-2.png);
font-family: Century Gothic;
font-size: 10px;
color: CC0099 ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.orangetext15
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.whitetext12
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.lightbluetext8
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight:none;
}
.text
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.nametext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.blacktext12
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.blacktext10
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.btext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.redtext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
.redbtext
{font-family: century gothic;
font-size: 10px;
color: cc0099;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: none;
}
a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover
{font-family: century gothic;
font-size: 10px;
color: CC00FF ;
background-color: none;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
</style>


The </style> tag has been moved to the end (where it's supposed to go) and the top two 'paragraphs' of CSS have been merged, with a } and then a { taken out.

[fabulosity]

^^ yeah
I didn't see an ending style code.

[Rebecca!]

Um, that code doesn't work either. It just makes the lyt back to MS's default. :(

[Glamorous_Queen]

Go to this site:
http://www.trixinity.net

She has a tutorial on how to code myspace layouts and it helped me very much.

[McNugget]

I agree with Natty, just copy and paste a code for a myspace layout from a experienced myspace resource site and change the colors and images in the code.

[xoxo]

candysplash already said

CHANGE

<style type=”text/css”>
body {background-image: url(http://i302.photobucket.com/albums/nn109/trymesite/l-2.png);}
</style>


TO

<style type=”text/css”>
body {background-image: url('http://i302.photobucket.com/albums/nn109/trymesite/l-2.png');}
</style>