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
Mickey
post Feb 8 2009, 04:00 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



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.
 

Posts in this topic


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