I'm stumped. Can Muse create a site such as this one? http://grindspaces.com/
I'm trying to create something similar with a bkg. image on each anchored section within a single page website like the above. How do they get multiple, separate images to browser fill like that? So far I've been playing with Muse to attempt such an effect but to no avail.
Pls lay several images below each other in PS then insert as background images in Muse. Ensure the length of your page is as long as the image, select scale to fill option in the background image options (Make sure scrolling is enable). Then lay content on each section placing anchors on each region where you want want your navigation to scroll to. (This will only work with Muse 2 beta) or you can use css codes like the one use on this site: www.tomokenergy.com also built with Muse.
I discovered you refrence site is not that perfect because I can see an overlap but nevertheless the first route will work. The css route will give a perfect solution.
Thanks for the help.
So if I understand correctly, you're saying create one large image in Photoshop by vertically attaching all of those images to each other and save it in one single document? I considered that would possibly be one way, but wouldn't that make for an extremely large file to load? Even when optimized as such?
Also, If that is what you are instructing to do, I'm not seeing how the TomokEnergy site was built that way. The site doesn't seem to have been built with one large PS image, but rather several sitting on top of each other such as the GrindSpace.com site I referenced above. I'm seeing http://www.tomokenergy.com/images/image1.jpg and http://www.tomokenergy.com/images/image2.jpg for example as single elements.
What am I not getting?
For the first option which comes with Muse 2.0 beta. I realised that the new scale to fill background image is intelligent enough, even if you bring in a 500px by whatever length and well optimises in PS to like say 100kb it will be okay. During site running Muse as introduced a preloader so your visitors wont have problem with that.
The second direction was done with Muse 1.0+ and it took me some time to achieve that. So any option would be okay. But I kinda like seeing my designs assets as I am building instead of having to export everything before I can view the real thing. It defeats the purpose for Muse. Well until the next release of Muse. Enjoy
OK, that makes sense. I updated to the 2.0 Beta to achieve the scale to fill trick. I'm still not crazy about having one large, vertical stacked set of images built in Photoshop but it'll have to do for now. Until, that is, the next Muse release as you alluded to or if there's some other kind of trick that we're missing that the Staff could help out with.
Thank you topelovely for the help!
What you are referring to is called responsive layout design which is not supported in Muse as of now. For more information check this,
Can you scale the layout of your site based on the browser/device screen size? (responsive design)