Welcome, Guest. Please login or register.
Did you miss your activation email?
July 30, 2010, 12:13:44 PM
Home Help Search Login Register
News: Want to use your own Domain Name for your XippY site? Then Go Here

XippY Clan Website Forum  |  General  |  Website Enquiries  |  Topic: How To Change The Backround Colour / Image Of Your Site 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] 2 3 4 5 ... 7 Go Down Print
Author Topic: How To Change The Backround Colour / Image Of Your Site  (Read 10981 times)
kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« on: August 16, 2008, 02:35:22 AM »

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
« Last Edit: May 02, 2009, 09:48:17 PM by Paul » Logged

Krippler
P
***
Offline Offline

Posts: 158


Life is a Kitty Cat


WWW
« Reply #1 on: August 16, 2008, 03:48:29 AM »

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

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 Cheesy (if you do want to I'd be down... but I live in the USA  Lips Sealed... I'd be down to be a moderator though!)
« Last Edit: August 16, 2008, 03:57:54 AM by Krippler » Logged

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #2 on: August 16, 2008, 04:26:38 AM »

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
« Last Edit: August 16, 2008, 04:46:16 AM by kingwilkie » Logged

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #3 on: August 16, 2008, 06:14:12 AM »

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

DuckHunterMatt
XippY Mods
Y
*****
Offline Offline

Posts: 618



WWW
« Reply #4 on: August 16, 2008, 10:17:59 AM »

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,
Logged

When it comes down to it your just a freak......like me!

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #5 on: August 16, 2008, 04:50:52 PM »

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
« Last Edit: August 16, 2008, 05:06:48 PM by kingwilkie » Logged

Krippler
P
***
Offline Offline

Posts: 158


Life is a Kitty Cat


WWW
« Reply #6 on: August 16, 2008, 07:49:11 PM »

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

And kingwilkie no that is our private nuclearfallout FTP.
« Last Edit: August 16, 2008, 07:51:03 PM by Krippler » Logged

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #7 on: August 16, 2008, 07:53:29 PM »

ok thanks Grin
Logged

Krippler
P
***
Offline Offline

Posts: 158


Life is a Kitty Cat


WWW
« Reply #8 on: August 16, 2008, 08:35:30 PM »

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.
« Last Edit: August 16, 2008, 08:37:51 PM by Krippler » Logged

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #9 on: August 16, 2008, 08:37:16 PM »

thannks i am making the code now Grin
Logged

Krippler
P
***
Offline Offline

Posts: 158


Life is a Kitty Cat


WWW
« Reply #10 on: August 16, 2008, 08:38:30 PM »

kk we should get paid for doing this !! Cheesy
Logged

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #11 on: August 16, 2008, 08:39:51 PM »

yeh lol
Logged

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #12 on: August 16, 2008, 08:45:11 PM »

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 Grin
Logged

Krippler
P
***
Offline Offline

Posts: 158


Life is a Kitty Cat


WWW
« Reply #13 on: August 16, 2008, 08:51:08 PM »

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
Logged

kingwilkie
P
***
Offline Offline

Posts: 191



WWW
« Reply #14 on: August 16, 2008, 08:55:31 PM »

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
Logged

Pages: [1] 2 3 4 5 ... 7 Go Up Print 
XippY Clan Website Forum  |  General  |  Website Enquiries  |  Topic: How To Change The Backround Colour / Image Of Your Site « previous next »
Jump to:  


Login with username, password and session length

Powered by MySQL Powered by PHP Powered by SMF 1.1.7 | SMF © 2006-2008, Simple Machines LLC Valid XHTML 1.0! Valid CSS!