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
Aug 22, 2007 @ 22:13:13
i want to make my backgrown pls becouse i want this diffent.
Zoii
Oct 13, 2007 @ 17:53:40
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.
alix
Nov 17, 2009 @ 13:40:07
its easy go onto powerpoint or any other microsoft u use copy and paste ure pic onto it right clik on ure pic click on save as background nd wala
angel
Nov 26, 2007 @ 22:44:37
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
Aug 08, 2009 @ 12:11:03
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?
alix
Nov 17, 2009 @ 13:41:55
does it realy
shaanon
Jan 01, 2010 @ 06:36:56
but where do we put it?
Debi
Apr 22, 2010 @ 19:41:39
where do we put it? ive read every single comment on here and no one said where to put it…help pls
Teletha
Mar 21, 2008 @ 12:46:09
MySpace seems to resize large background images, making them tiny and annoying when tiled. How can I force the image size?
vasilis
Apr 08, 2008 @ 07:25:00
body {
background-image:url(http://XXXXXXXX);
background-repeat:no-repeat;
}
jessa
May 27, 2008 @ 22:38:57
pno poh gwin ung picture mging background ng fs moh?? how?? pno?? teach me pls…:)
Matt
Jun 11, 2008 @ 03:56:11
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
Jun 28, 2008 @ 02:23:31
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
Sep 08, 2008 @ 18:38:36
style>
body {
background-image:url(http://XXXXXXXX);
background-attachment:fixed;
}
Takira
Sep 13, 2008 @ 11:01:53
LIL Joshua
Sep 14, 2008 @ 16:43:51
Thats So Raven
brittney
Sep 15, 2008 @ 13:16:18
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:
CiscoCorleone
Sep 14, 2009 @ 02:38:12
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
Sep 14, 2009 @ 02:45:55
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
Dec 22, 2008 @ 05:23:42
As soon as I put my picture as my myspace background..
It doesnt show..
And its really piss taking :l
alix
Nov 17, 2009 @ 13:45:40
you are just like me always swear do you always swear or did you just put it for the sake of it
johnd
Mar 02, 2009 @ 21:05:36
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
Apr 30, 2009 @ 03:35:47
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
Jun 17, 2009 @ 20:55:20
you would have to use tinypic or photobucket to host it, and then put it on your myspace.
daman kumar
Jun 12, 2009 @ 03:07:34
hi
ANDREA
Aug 01, 2009 @ 15:54:48
ok the code so that your background image repeats is this:
body {
background-image:url(http://XXXXXXXX);
background-repeat:repeat;
}
Anu
Aug 21, 2009 @ 18:53:37
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
Sep 14, 2009 @ 03:39:57
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
Sep 03, 2009 @ 23:39:59
how do you make this your layout without repeating ?!
ANDREA
Sep 16, 2009 @ 22:27:41
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, ?
jessica((:
Nov 19, 2009 @ 01:48:06
where do you paste the code at huh???
please telll me cuz i really want this to work thans((:
Damonte
Dec 28, 2009 @ 17:40:18
myspace is cool
Damonte
Dec 28, 2009 @ 17:41:07
image layout it is so cool
jane
Feb 13, 2010 @ 17:42:59
how do I add a my own picture to an artist profile page on myspace!
trinity
Mar 19, 2010 @ 19:28:59
i dont no how to do pimp my profile
alyssia
Jun 08, 2010 @ 19:19:03
you suck becuase this didnt even work !
heidi
Jul 01, 2010 @ 20:33:52
yeah none of these codes worked for me >_>