background image Options

[dreamsbecomereal...]

on a div/overlay, i just wanna kno how 2 make the background image bigger than it's standard size. n also, i want 2 kno like how 2 put a border around the background image. like if i wanted music notes "dancing" around it or something. here's my code,

CODE

body {
background-color: CC3300;
background-image: url("http://i282.photobucket.com/albums/kk243/superstarborn11/HSM3-1.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:FF9900;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: 999966;
scrollbar-face-color:CC3300;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:FF9900;
scrollbar-3dlight-color:CCCC99;}

[Mikeplyts]

Well, you could try resizing it at Resizepic. -OR- you could add width and hieght attributes inside that img src part.

[dreamsbecomereal...]

ok i'd rather just add the width and height attributes. can u tell me where 2 put them? n wat about the border around the image? wat can i do 2 make that happen?

[Mikeplyts]

ok, well you see that part that says "background-attachment:fixed"? just add this under that part.

CODE

width:???px;
hieght:???px;

change the ??? to your measurements that you want.

then for the border just add this under the width and hieght.

CODE

border-style:solid;
border-color:000000;
border-width:5px;

just change the solid,000000, and the 5px values.
I'm not sure it's exactly want you want but try it out.

[Mickey]

^To make the border attributes a bit simpler, you can just combine the style and width like so:

CODE

border:5px solid;
border-color:000000;

[dreamsbecomereal...]

ok the width and height aren't working. i changed it to 500x500. that didn't work. then i changed it to 1000x1000 n that didn't work either.

[Mickey]

Playing around with height & width attributes won't change its size. You need to manually resize it on MS Paint, Photoshop, or some other editing program. I suggest looking for a bigger version of that background or just finding another one because resizing it manually usually causes it to lose a great deal of its quality.

[dreamsbecomereal...]

ooooooooooh ok. i understand. thank u. i will take ur advice.

[Mickey]

Alright, I guess problem solved. PM me if you need this reopened. Topic closed & moved.