Moderators: Derry, Goldie, Harpo
Go
New
Find
Notify
Tools
Reply
  
-star Rating Rate It!  Login/Join 
Working Mechanic
Posted
Alright, I hope you understand what I'm trying to achieve..

I am trying to develop a web2.0 or even a myspace type of layout where the background image is stationary and scrolls vertical & horizontal.
I've downloaded specialty backgrounds from myspace on their home page (when they have one) to check out the image sizes they use. The sizes range from about 1100px by 950 to 1650 by 1000 for a background image .. Then the site scrolls over top... I created a site and a background (1400 x 950) but I can't seem to get the background to scroll horizontally, yet keep the actual site centered.. I got it to center no problem, scroll vertically no problem and the background stays stationary but no horizontal adjustment.. Do you get what I'm trying to achieve here..?
 
Posts: 13 | Registered: June 16, 2005Reply With QuoteEdit or Delete MessageReport This Post
Guru 'Geezer' Mechanic
Picture of larryd
Posted Hide Post
I'm not sure what you're trying to do with the background. If you have imported a background image (Page Editor->Background "Image" button) and checked the "No-Scroll Background", then the background should not scroll. It does not matter if you center your page or not.

Do you have a page link that demonstrates what you are seeing? Or not seeing.
 
Posts: 3512 | Registered: December 03, 2006Reply With QuoteEdit or Delete MessageReport This Post
Working Mechanic
Posted Hide Post
I did that, but when I preview it in a browser it cuts off the far right side without horizontal adjustment.. Vertical scrols nicely.. the page size is 1400x950 the background image is 1400x950.. so what to do now?
 
Posts: 13 | Registered: June 16, 2005Reply With QuoteEdit or Delete MessageReport This Post
Guru 'Geezer' Mechanic
Picture of larryd
Posted Hide Post
What is your screen size?
 
Posts: 3512 | Registered: December 03, 2006Reply With QuoteEdit or Delete MessageReport This Post
Working Mechanic
Posted Hide Post
1280x1024
 
Posts: 13 | Registered: June 16, 2005Reply With QuoteEdit or Delete MessageReport This Post
Guru 'Geezer' Mechanic
Picture of larryd
Posted Hide Post
If you want to see the entire background of 1400x950, you will need a screen size greater than 1400x950.

The background image is "painted" onto the browser window. It does not sit on top of the browser as would an image. The scroll bars are for scrolling the content of the page and the background is not part of the content.
 
Posts: 3512 | Registered: December 03, 2006Reply With QuoteEdit or Delete MessageReport This Post
Working Mechanic
Posted Hide Post
Larry,

I want the background image to have an (absolute center) and the page content to have an absolute center so everything will center regardless of screen res..Get the picture?
I've seen it done, I just can't do it in site spinner.
 
Posts: 13 | Registered: June 16, 2005Reply With QuoteEdit or Delete MessageReport This Post
Guru 'Geezer' Mechanic
Picture of larryd
Posted Hide Post
When SiteSpinner uses an image as a background, it uses the default positioning of top and left. To center the background image, you need to add some CSS code to your page to do this:
<style type="text/css">
  body { background-position: center; }
</style> 
Place in a custom header.
 
Posts: 3512 | Registered: December 03, 2006Reply With QuoteEdit or Delete MessageReport This Post
Working Mechanic
Posted Hide Post
Thanks larry.. I was able to play around with the code and got it to work.. Now another dilemma.. I have a sliced image from photoshop which is actually thr body background which will scroll vertically over that background we just worked on. I need it to do generally the same thing.. and stay centered yet scroll vertically.

Thanks in advance
 
Posts: 13 | Registered: June 16, 2005Reply With QuoteEdit or Delete MessageReport This Post
Guru 'Geezer' Mechanic
Picture of larryd
Posted Hide Post
Same code, just turn off SiteSpinner's no-scroll background option.
 
Posts: 3512 | Registered: December 03, 2006Reply With QuoteEdit or Delete MessageReport This Post
Working Mechanic
Posted Hide Post
Larry, got it ALL to work.. thanks for your help. The no scroll background and center the page horizontally fixed the problem with all resolutions.. thanks!! I'll post the site when I upload it.. It's only a page or two for a phone sex site.. yes you read right.. no nudity... classy IMHO..
 
Posts: 13 | Registered: June 16, 2005Reply With QuoteEdit or Delete MessageReport This Post
Working Mechanic
Posted Hide Post
Ok, as promised the finished product..
1-800U.S.Girls..(ADULT CONTENT!!)
The site's look was designed with Photoshop CS2, and Imageready, Including the navigation bar and it's rollovers. I imported all the images to sitespiner and designed the site from there. Thanks for the CSS code for the background positioning Larry..
 
Posts: 13 | Registered: June 16, 2005Reply With QuoteEdit or Delete MessageReport This Post
 Previous Topic | Next Topic powered by eve community  
 


™ & © 1998 - 2008, Virtual Mechanics Inc. All rights reserved.