3 Questions Options

[kayleighSTFU]

I used this layout you have available on your site as an example, I tried going through the code to find the things I wanted out of there but I couldn't find it so I'll just ask.

1) How do I do that border around that polka dot background?
2) How do I do set a background where the polka dots are?
3) How do I change the the color of the background behind the headers?

Thanks!

click to enlarge

Reason for edit: Please use [thumb] tags instead of [img] tags when posting large images. - Mike

[Mickey]

You can't have a border around the polkadot background because it's part of the whole design. If you want to add/edit something on it, you'd have to ask for permission from the designer first. If you want to set a background where the polkadots are, try this code. For the headers, look for these bits in your codes:

CODE

.nametext {
font:30px century gothic;
color:fdc6e9;
text-transform:uppercase;
line-height:30px;
letter-spacing:-3;
text-align: center;
background-color: 1b1b1b;
border-bottom: 1px black solid;
display: block;}


.blacktext12 {
font-family: arial; font-size: 10px; letter-spacing:2pt; text-transform: uppercase; color: fdc6e9; padding: 0px;}
span.blacktext12 {
background-color: 000000;
background-image: url('http://cbimg9.com/layouts/08/11/32444ad.gif');
background-position: center;
background-repeat: no-repeat;
width: 435px;
height: 388px;
display: block;
}


.orangetext15
{ font-family:century gothic; color:fdc6e9; font-size:10px; line-height: 10px; background-color: 000000; letter-spacing:2pt; display:block; border-bottom-color:000000;border-bottom-style:solid; border-bottom-width:0px; border-top-color:d5d5d5; border-top-style:solid; border-top-width:0px; font-weight:normal; text-transform:uppercase; }
.whitetext12
{ font-family:century gothic; color:fdc6e9; font-size:10px; line-height: 10px; background-color: 000000; letter-spacing:2pt; display:block; border-bottom-color:000000;border-bottom-style:solid; border-bottom-width:0px; border-top-color:d5d5d5; border-top-style:solid; border-top-width:0px; font-weight:normal; text-transform:uppercase; }
.btext
{ font-family:century gothic; color:fdc6e9; font-size:10px; line-height: 10px; background-color: 000000; letter-spacing:2pt; display:block; border-bottom-color:000000;border-bottom-style:solid; border-bottom-width:0px; border-top-color:d5d5d5; border-top-style:solid; border-top-width:0px; font-weight:normal; text-transform:uppercase; }

Just look for the background-color property and replace it with a hex code of your choice.

[kayleighSTFU]

No I think you misunderstood me. I am not wanting to edit that layot or use any background or image from it. I simply used it as an example to show which codes I am looking for.

[Harp]

That 'broder' is part of the entire background image, not HTML.

[synatribe]

for the background and the border, the designer made it into an image like this,
http://cbimg9.com/layouts/08/11/32444ab.gif i suggest you use that image as a reference for your own Background, then plug the image url into this code

CODE

body {background-image:url(URL HERE);
      background-color:000000;
      background-attachment: fixed;
      background-position:top;
      background-repeat:repeat;}

then for the header, each one is different,
the variables are

.btext
this is your blog entries header

.orangetext15
about me, who id like to meet header

.whitetext12
details, interests and contact header

.blacktext12
extended network text

.redtext, .rebtext,
your friends header


.nametext
your name :]

you have to add your own CSS to each variable :]
thos are the main header variables, Im probably missing some

[fixtatik]

(everything will go between your <style> tags.)

step 1: the -gaudy- black border. ; )

CODE

table {
  border-left:10px solid rgb(0,0,0);
  border-right:10px solid rgb(0,0,0);
  width:900px;
}
table table, table table table table { border:none; width:auto; }
table table table { border:1px solid rgb(0,0,0); }

to go over it...
myspace embeds multiple tables within three large tables: one for the advertisement, one for your profile, and one for the bottom links.
using table { properties } will edit that first table, so we'll add your border and background to that table.

table table { properties } simply holds the rest, so we want nothing done to those tables.

table table table { properties } are the smaller tables (your default picture, contact table, etc.), so we can adjust those however you want to.

table table table table { properties } is for any table after that, to which we also want nothing done.

step 2: the polka dot background, or whatever else you want.
find table { properties } and adjust it to this:

CODE

table {
  background:url(IMAGE URL);
  border-left:10px solid rgb(0,0,0);
  border-right:10px solid rgb(0,0,0);
  width:900px;
}

you'll also need to change a couple others:

CODE

table table, table table table table {
  background:none;
  border:none;
  width:auto;
}

step 3: header backgrounds.
do what kevin (aberisk) said, like this:

CODE

.nametext { background:black; border:1px solid black; display:block; }

display:block; will automatically stretch the width of the header to 100% the width of the table it's in.

[fixtatik]

^ ruin my glory moment! D=

[kayleighSTFU]

ah ok. thank you very much!