| View previous topic :: View next topic |
| Author |
Message |
AdvinaBand
Joined: 17 Mar 2009
Posts: 5
|
| Posted: Tue Mar 17, 2009 11:05 am How do I put a border around the center of my myspace? |
|
|
Hi there, Im having a bit of trouble figuring out how I would put just a left and right border around the CENTER of my bands myspace page? I want it to look like this: http://www.myspace.com/ameliarock
...with white or black border, and if possible, the entire center being a light grey colour (like their center is a light beige, and the sides are darker with a decal behind it). Sorry if that's confusing, its just been driving me insane. |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS
|
| Posted: Tue Mar 17, 2009 12:21 pm |
|
|
That border effect was done using a background image: http://www.empirelies.com/amelia/bg.jpg
Moved to "My Space" from "General HTML". |
|
|
AdvinaBand
Joined: 17 Mar 2009
Posts: 5
|
| Posted: Tue Mar 17, 2009 12:55 pm |
|
|
Oh ok. Wow haha I cant believe I didnt see that. Well, I made one for ours, but what would the code be to insert it in? Heres the link to the image:
http://img15.imageshack.us/img15/1934/myspacebackground2i.jpg |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS
|
| Posted: Tue Mar 17, 2009 1:06 pm |
|
|
It would be something like this: Code:
<style type="text/css">
body {
background: XXXXXX url(http://img15.imageshack.us/img15/1934/myspacebackground2i.jpg) no-repeat top center fixed;
margin-top: YYYpx;
}
</style>
Set "XXXXXX" to background color of choice. Set "margin-top" for margin needed, if any. Set bg image "top center" to position needed for page. Hope that works for you.
Voyager One
Voyager Two |
|
|
AdvinaBand
Joined: 17 Mar 2009
Posts: 5
|
| Posted: Tue Mar 17, 2009 1:23 pm |
|
|
Well I have the picture in the background, BUT, for some reason the page scrolls sideways and takes it with it. This is bugging me haha. Here's the link to our myspace(Just made this, so nothing special)
www.myspace.com/weareadvina
Would it help if I posted the complete HTML coding I have used for everything? I really just want the page to scroll up and down, not sideways. I cant figure out why its doing it |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS
|
| Posted: Tue Mar 17, 2009 1:49 pm |
|
|
| Change "fixed" to "scroll" in the CSS. Also, you have main image with an 800px width and the background image with a 2000px width. The "fixed" would be ok if the larger width images wasn't triggering browsers to create an horizontal scroll bar. |
|
|
AdvinaBand
Joined: 17 Mar 2009
Posts: 5
|
| Posted: Tue Mar 17, 2009 1:56 pm |
|
|
| Ok when I changed the CSS to scroll, it solved that problem, BUT, it made these huge blocks at the top and bottom of the screen of a different colour blue. Any idea why? |
|
|
AdvinaBand
Joined: 17 Mar 2009
Posts: 5
|
| Posted: Tue Mar 17, 2009 2:50 pm |
|
|
Got it! Just had to put it to scroll, and make the background repeat. Thanks a lot for all your help!
-k |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 3593
Location: Biloxi, MS
|
| Posted: Tue Mar 17, 2009 3:40 pm |
|
|
| You're welcome. That new 2000 pixel wide image is still causing an horizontal scroll bar. You might think about reducing it to just the right size to produce the border effect you want. It will help reduce the file size of the image and increase your page load time. |
|
|
| |
