How do I make my background a picture or image in myspace?
Posted by Orlick on 4/16/07
To put in an image as your background picture,
copy and paste this:
<style>
body {
background-image:url(http://XXXXXXXX);
background-repeat:no-repeat;
}
</style>
Where the XXXXXX is the location of the image you want to make your background. if you need help figuring out what that is, I have that on one of my other myspace posts.
If you want the picture to repeat on the page, insert this:
<style>
body {
background-image:url(http://XXXXXXXX);
}
</style>
If you want the background image fixed in place when you scroll down, use this:
<style>
body {
background-image:url(http://XXXXXXXX);
background-attachment:fixed;
}
</style>
karina tavarez said
i want to make my backgrown pls becouse i want this diffent.
Zoii said
Hey,
I would like to use my pic as my background however, I attempted to do so by using ur instructions but it is not happening. In addition i have my pic save to photobucket. Lastly, yesss i am very new to this…. help me please thanks in advance.
angel said
body {
background-image:url(http://XXXXXXXX);
background-repeat:no-repeat;
}
Where the XXXXXX is the location of the image you want to make your background. if you need help figuring out what that is, I have that on one of my other myspace posts.
If you want the picture to repeat on the page, insert this:
body {
background-image:url(http://XXXXXXXX);
}
If you want the background image fixed in place when you scroll down, use this:
body {
background-image:url(http://XXXXXXXX);
background-attachment:fixed;
}
jay said
yeh ive used this code before and it worked but now im trying it on a myspace music page and its not showing up do you know whats going on?
Teletha said
MySpace seems to resize large background images, making them tiny and annoying when tiled. How can I force the image size?
vasilis said
body {
background-image:url(http://XXXXXXXX);
background-repeat:no-repeat;
}
jessa said
pno poh gwin ung picture mging background ng fs moh?? how?? pno?? teach me pls…:)
Matt said
Is it possible to tile a repeat background image, but have another non repeat background image fixed in place that scrolls down? If it is, plz tell me how
Jamie Gauthier said
Im confused on what you guys mean…i dont know much about computers and i want to have a picture of my deceased child and me on my background and repeated….so if you guys can help me that would be great…thanks much
lavell neely said
style>
body {
background-image:url(http://XXXXXXXX);
background-attachment:fixed;
}
Takira said
LIL Joshua said
Thats So Raven
brittney said
how do you make the background image repeat? i have to code of a layout style i want, but i just don’t want the image that goes with that code. i have the image url i want, but the code isn’t set to repeat the image.
here’s the code WITHOUT the image URL i want:
td.text table, td.text td.text{background-color:transparent;}.extendednetwork{display:none;}
.friendscomments{display:none;}.latestblogentry{display:none;}tr {background:transparent;}.userprofileurl{display:none;}br{line-height:2.5px!important;}
.nametext{display:none;}.orangetext15{display:none;}.userprofiledetail{display:none;}div table, div td {height:3px;}div table td font {visibility:hidden;}
div td font {visibility:visible;}table table table table table table a {visibility:hidden;}table table table table table table a img{visibility:visible;}.redbtext{display:none;}a.redlink:active, a.redlink:visited, a.redlink:link {display:none;}table table table table td{width:0px!important; padding:0px!important;}span.lightbluetext8{display:none;}.contacttable{display:none;}.friendspace{display:none;}
.interestsanddetails{display:none;}td.text table, td.text td.text {background-color:transparent;}table.latestblogentry {display: none;}.extendednetwork{display:none;}
textarea, li, h1, h2, p, br {font-family:verdana; font-size: 9px; color: FFFFFF; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}textarea, input textarea{font-family:verdana;font-size:9px; background-color:000000; text-transform:lowercase; height:30px;width:250px;border:0px;line-height:10px;}
table td table tr td.text table {visibility:hidden;}table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}td.text table {position:relative; top:-25px;}td.text table table {position:static;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}
div table { background-color:414141; }
.navigationbar { visibility:hidden; }
td.text table, td.text td.text {background-color:transparent;}
table.navigationbar td td {background-color:414141; visibility:visible; height:49px; font-family:small fonts!important; font-size:1px!important; color:000000; background-image:url(‘http://cbimg9.com/layouts/08/05/27677aa.png’); }
.navbar {visibility:visible;}
a:active,a:visited,a:link,a{
color:000000;
font-size:7px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:small fonts;
text-decoration:none;
text-transform:uppercase;
}
a:hover{
color:1C8685;
font-size:7px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:small fonts;
text-decoration:none;
text-transform:uppercase;
background-color:000000;}
body{background-color:white;
background-attachment:fixed;
background-position:bottom left;
background-repeat:repeat;
background-image:url(http://i34.tinypic.com/2lvkawp.gif)}
and here’s the image URL i want to take the place of the other one in the layout code, but i want it repeated:
http://media.photobucket.com/image/thunder/brasilianxbebe94/cloud.jpg
CiscoCorleone said
This is suppose to be the code without the url image that you want… what you want to change is background-image.url(usually blah blah.jpg)
*in this case it was background-image:url(’http://cbimg9.com/layouts/08/05/27677aa.png’)*
you need to find that in here and put your url in the () space inbetween let me highlight it for you.
td.text table, td.text td.text{background-color:transparent;}.extendednetwork{display:none;}
.friendscomments{display:none;}.latestblogentry{display:none;}tr {background:transparent;}.userprofileurl{display:none;}br{line-height:2.5px!important;}
.nametext{display:none;}.orangetext15{display:none;}.userprofiledetail{display:none;}div table, div td {height:3px;}div table td font {visibility:hidden;}
div td font {visibility:visible;}table table table table table table a {visibility:hidden;}table table table table table table a img{visibility:visible;}.redbtext{display:none;}a.redlink:active, a.redlink:visited, a.redlink:link {display:none;}table table table table td{width:0px!important; padding:0px!important;}span.lightbluetext8{display:none;}.contacttable{display:none;}.friendspace{display:none;}
.interestsanddetails{display:none;}td.text table, td.text td.text {background-color:transparent;}table.latestblogentry {display: none;}.extendednetwork{display:none;}
textarea, li, h1, h2, p, br {font-family:verdana; font-size: 9px; color: FFFFFF; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}textarea, input textarea{font-family:verdana;font-size:9px; background-color:000000; text-transform:lowercase; height:30px;width:250px;border:0px;line-height:10px;}
table td table tr td.text table {visibility:hidden;}table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}td.text table {position:relative; top:-25px;}td.text table table {position:static;}
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}
div table { background-color:414141; }
.navigationbar { visibility:hidden; }
td.text table, td.text td.text {background-color:transparent;}
table.navigationbar td td {background-color:414141; visibility:visible; height:49px; font-family:small fonts!important; font-size:1px!important; color:000000; background-image:url(’http://cbimg9.com/layouts/08/05/27677aa.png’); }
.navbar {visibility:visible;}
a:active,a:visited,a:link,a{
color:000000;
font-size:7px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:small fonts;
text-decoration:none;
text-transform:uppercase;
}
a:hover{
color:1C8685;
font-size:7px;
margin-top:1px;
cursor:default;
font-weight:normal;
letter-spacing:1px;
font-family:small fonts;
text-decoration:none;
text-transform:uppercase;
background-color:000000;}
body{background-color:white;
background-attachment:fixed;
background-position:bottom left;
background-repeat:repeat;
background-image:url(http://i34.tinypic.com/2lvkawp.gif)}
change both of them one at a time i’m not sure which it it changes but i’m sure the 1st url is the one you want to change if not switch it back to it’s original url and change the 2nd one good luck
-Cisco Corleone
CiscoCorleone said
Oh if you want to make it repeat just add background-repeat:repeat; anywhere in the {} in here preferably at the beginning
div table { background-color:414141; }
.navigationbar { visibility:hidden; }
td.text table, td.text td.text {background-color:transparent;}
table.navigationbar td td {background-repeat: repeat; background-color:414141; visibility:visible; height:49px; font-family:small fonts!important; font-size:1px!important; color:000000; background-image:url(’http://cbimg9.com/layouts/08/05/27677aa.png’); }
.navbar {visibility:visible;}
Sonnbul,x said
As soon as I put my picture as my myspace background..
It doesnt show..
And its really piss taking :l
johnd said
does anyone know how to put a backround picture on myspace that you have on your hard drive.(not a picture that is on an internet site)?
marcha said
i’d also really like to add my own background from my hard drive and NOT an internet site. How do we do that?
tyler said
you would have to use tinypic or photobucket to host it, and then put it on your myspace.
daman kumar said
hi
ANDREA said
ok the code so that your background image repeats is this:
body {
background-image:url(http://XXXXXXXX);
background-repeat:repeat;
}
Anu said
I’m trying to change the Daleri-Single template (by Andreas Viklund) to get a floral image to repeat, but it just isn’t working.
This is the CSS:
/* Main containers */
body {padding:0; margin:0; font:76% verdana,tahoma,sans-serif; background:#1a1a1a url(bodybg.jpg)repeat; color:#444; border-top:4px solid #444; text-align:center; line-height:1.5em;}
#wrap {width:760px; text-align:center; margin:0 auto;}
#maincontent {background:#fff; text-align:left; border:4px solid #666; padding:15px 15px 5px 15px; margin:0 0 15px 0;}
/* HTML Tags */
a {text-decoration:none; font-weight:700; color:#e49938;}
a:hover {text-decoration:underline;}
a img {border:0;}
h1 {margin:15px auto 10px auto; padding:0; font-size:2.6em; color:#eee; letter-spacing:-2px; line-height:1.2em;}
h1 a {color:#eee; font-weight:700; text-decoration:none;}
h1 a:hover {color:#fff; text-decoration:none;}
h2 {margin:0 0 12px 0; padding:12px 6px 12px 15px; background:#1a1a1a url(bodybg.jpg); border-left:4px solid #e49938; color:#ddd; font-size:1.5em; font-weight:400;}
h2 a {font-weight:400;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px 0;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}
Does anyone know what I have to change here to get the image to repeat?
Thanks
Anu
CiscoCorleone said
In this section
body {padding:0; margin:0; font:76% verdana,tahoma,sans-serif; background:#1a1a1a url(bodybg.jpg)repeat; color:#444; border-top:4px solid #444; text-align:center; line-height:1.5em;}
#wrap {width:760px; text-align:center; margin:0 auto;}
#maincontent {background:#fff; text-align:left; border:4px solid #666; padding:15px 15px 5px 15px; margin:0 0 15px 0;}
if you want it to repeat the image *bodybg.jpg* just add background-repeat:repeat; at the beginning of {} so it would look like this
body {background-repeat:repeat; padding:0; margin:0; font:76% verdana,tahoma,sans-serif; background:#1a1a1a url(bodybg.jpg)repeat; color:#444; border-top:4px solid #444; text-align:center; line-height:1.5em;}
#wrap {width:760px; text-align:center; margin:0 auto;}
#maincontent {background:#fff; text-align:left; border:4px solid #666; padding:15px 15px 5px 15px; margin:0 0 15px 0;}
hope it works for you.
-Cisco Corleone
cutiepatutie said
how do you make this your layout without repeating ?!
ANDREA said
body {
background-image:url(http://XXXXXXXX);
background-repeat:no-repeat;
}
ON THE 3RD LIKE AT THE END WHERE IT SAYS (HTTP://XXX)
THS X’S IS WHERE YOU PUT THE PICTUER
AND IT WONT REPEAT BUT ITS GONNA BE IN THE MIDDLE, ?