Log In · Register

 
3 Questions
kayleighSTFU
post Feb 8 2009, 01:04 AM
Post #1


Senior Member
***

Group: Member
Posts: 99
Joined: Sep 2006
Member No: 464,312



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!

Reason for edit: Please use [thumb] tags instead of [img] tags when posting large images. - Mike
 
 
Start new topic
Replies
fixtatik
post Feb 8 2009, 04:10 PM
Post #2


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



(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.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: