How To Change The Backround Colour / Image Of Your Site

[kingwilkie]

Hi This Has Been explained in another post but it was not in great detail
Ok Say This Is Your Custom Pannel





Add The Red Or Blue Code Below blue is for the blue backround and red is for the red backround

Blue
<style>
body {
background-color: #053dac;
background-image: url('http://valor.nuclearfallout.net/Xippy/background.jpg');
background-position: top-left;
background-repeat: repeat-x;
}

#widthContainer {
border: 1px solid #000000;
background-color: #000000;
}

#copyright {
width: 98%;
max-width: 98%;
background-color: #053dac;
border-top: 1px solid #666666;
margin-left: -1px;
}

#footer {
width: 98%;
max-width: 98%;
background-color: #053dac;
margin-left: -1px;
}

#bottom {
width: 98%;
max-width: 98%;
background-color: #053dac;
margin-left: 0px;
}
</style></div>


Red

<style>
body {
background-color: #912222;
background-image: url('http://img187.imageshack.us/img187/9008/bg2bq1.jpg');
background-position: top-left;
background-repeat: repeat-x;
}

#widthContainer {
border: 1px solid #000000;
background-color: #000000;
}

#copyright {
width: 98%;
max-width: 98%;
background-color: #333333;
border-top: 1px solid #666666;
margin-left: -1px;
}

#footer {
width: 98%;
max-width: 98%;
background-color: #333333;
margin-left: -1px;
}

#bottom {
width: 98%;
max-width: 98%;
background-color: #333333;
margin-left: 0px;
}
</style></div>
  </div>

I used Blue It Should look like this



Then Click Modify custom pannel and there u go your website should look like this



If U want to use the red code to the same as what u do with the blue
Thanks For Reading If You Need Help Contact me on this forum

[Krippler]

Hehe glad to see people are using this... and linking over to my ftp!! 

Coding was done by http://makeone.xippy.co.uk.

Blue modification was created by me at http://www.team-valor.net.

Walkthrough created by http://www.wkclan.co.uk (url transfer soon).

Xippy should hire us (if you do want to I'd be down... but I live in the USA  ... I'd be down to be a moderator though!)

[kingwilkie]

yeh me to Id Love To Be A Moderator i know a bit about this sort of stuff
Aswell can you use ftp on your site now cos i have not had this xippy site for long and i have had 1 befor but that was ages ago or is it just your own private server

[kingwilkie]

I have just made a video walkthrough it is on youtube
http://www.youtube.com/watch?v=jVVIUmEr0dQ

[DuckHunterMatt]

don't suppose you could post the other colour codes so ppl can mod the code above with different colours

orange, green, yellow, black/grey,

[kingwilkie]

yes i will just give me some time to work on them
but i will need Krippler help he made a new image for the backround i can change the code but he must creat the images
i have just pm him asking him to make the images

[Krippler]

Ill post them here with links to our ftp once I get them done.

And kingwilkie no that is our private nuclearfallout FTP.

[kingwilkie]

ok thanks

[Krippler]

Gray:

       

http://valor.nuclearfallout.net/Xippy/backgray.jpg

#c0c0c0


Orange:



http://valor.nuclearfallout.net/Xippy/backorange.jpg

#d17912


Green:



http://valor.nuclearfallout.net/Xippy/backgreen.jpg

#3db513


Yellow:


http://valor.nuclearfallout.net/Xippy/backyellow.jpg

#ccd312



If any other colors need done tell me and I will do them for you.

<3's from the USA and www.team-valor.net.

[kingwilkie]

thannks i am making the code now

[Krippler]

kk we should get paid for doing this !!

[kingwilkie]

yeh lol

[kingwilkie]

colour codes

gray

<style>
body {
background-color: #c0c0c0;
background-image: url('http://valor.nuclearfallout.net/Xippy/backgray.jpg');
background-position: top-left;
background-repeat: repeat-x;
}

#widthContainer {
border: 1px solid #000000;
background-color: #000000;
}

#copyright {
width: 98%;
max-width: 98%;
background-color: #c0c0c0;
border-top: 1px solid #666666;
margin-left: -1px;
}

#footer {
width: 98%;
max-width: 98%;
background-color: #c0c0c0;
margin-left: -1px;
}

#bottom {
width: 98%;
max-width: 98%;
background-color: #c0c0c0;
margin-left: 0px;
}
</style></div>


orange



<style>
body {
background-color: #d17912;
background-image: url('http://valor.nuclearfallout.net/Xippy/backorange.jpg');
background-position: top-left;
background-repeat: repeat-x;
}

#widthContainer {
border: 1px solid #000000;
background-color: #000000;
}

#copyright {
width: 98%;
max-width: 98%;
background-color: #d17912;
border-top: 1px solid #666666;
margin-left: -1px;
}

#footer {
width: 98%;
max-width: 98%;
background-color: #d17912;
margin-left: -1px;
}

#bottom {
width: 98%;
max-width: 98%;
background-color: #d17912;
margin-left: 0px;
}
</style></div>

green


<style>
body {
background-color: #3db513;
background-image: url('http://valor.nuclearfallout.net/Xippy/backgreen.jpg');
background-position: top-left;
background-repeat: repeat-x;
}

#widthContainer {
border: 1px solid #000000;
background-color: #000000;
}

#copyright {
width: 98%;
max-width: 98%;
background-color: #3db513;
border-top: 1px solid #666666;
margin-left: -1px;
}

#footer {
width: 98%;
max-width: 98%;
background-color: #3db513;
margin-left: -1px;
}

#bottom {
width: 98%;
max-width: 98%;
background-color: #3db513;
margin-left: 0px;
}
</style></div>


yellow



<style>
body {
background-color: #ccd312;
background-image: url('http://valor.nuclearfallout.net/Xippy/backyellow.jpg');
background-position: top-left;
background-repeat: repeat-x;
}

#widthContainer {
border: 1px solid #000000;
background-color: #000000;
}

#copyright {
width: 98%;
max-width: 98%;
background-color: #ccd312;
border-top: 1px solid #666666;
margin-left: -1px;
}

#footer {
width: 98%;
max-width: 98%;
background-color: #ccd312;
margin-left: -1px;
}

#bottom {
width: 98%;
max-width: 98%;
background-color: #ccd312;
margin-left: 0px;
}
</style></div>

ok there you go all the code is there

[Krippler]

Once again I made the pics, he made the code.  We are a super team!

Duckhunter it would be cool if you made this a sticky and merged the two posts and move it to the howto section

[kingwilkie]

also i have just made a walkthrough it has been uploaded to my server here is the link
http://www.boom-headshot.com/xippy/Walkthrough%20By%20King%20Wilkie.rar
it comes with a video and all the codes