Bookmark this site • Text Editor • Profile Editor
  
Site Web

Graphics | Generators | Guides | Customization | MSS Features | MSS Unscripted | Specials | Extended Network   
Add to friends


Click on button above
 

This code is needed to make the background appear under tables. It makes all tables transparent (gets rid of all current table styling):


<style type="text/css">

table, td {
background-color:transparent;

border:none;

border-width:0;}
</style>

The code above is important because it will make the table backgrounds transparent so that you'll be able to see the background image.

To just change the color of your page background:



<style type="text/css">

body

{background-color: color_code;}

</style>


To use a FIXED picture as your background:
("aka: i want my background to stay in place while my text/images move")



<style type="text/css">


body{background-image:url("BACKGROUND URL HERE");
background-attachment:fixed;}

</style>

To use a centered image as your background:


<style type="text/css">


body {background-color:; background-image:url("BACKGROUND URL HERE"); background-position:Top Center; background-attachment:fixed; background-repeat:repeat-y;}

</style>


The following are some other variables you can use that will change the way your background is displayed. Simply add them between the existing <style> tags:


Specify how you want it to repeat:
background-repeat: repeat-y;


repeat-x | repeat-y | no-repeat

Position by plain words:

background-position: left bottom;

x axis - left | center | right
y-axis - top | center | bottom



Position by percentages:
background-position: x% y%;


P osition by exact pixel coordinates:

background-position: x y;


F or background-positions: left variable should always be x-axis, and right variable should always be your y-axis.



Here is an example of an entire background style. This will result in a centered picture that repeats vertically, with a white background:



<style type="text/css">


table, td {
background-color:transparent;
border:none;
border-width:0;}

body {
background-color: 000000;

background-image: url('http://www.picture.com/pic.jpg');
background-repeat: repeat-y;
background-position: center;}

</style>

Q: Can I use more than one background at the same time?
A: This is not possible unless you merge the images with an image editing program.

 

 
Paste code copied from the left into the box below for easy editing.


All codes should be in 'About me' section of your profile.
© 2005 Travis Brown • Contact Me • View my MySpace • Visit Tabwin.com    Partners:  
MySpace is a Registered Trademark of News Corp. We are not associated with MySpace.com or News Corp. in any way, shape, or form.