Re: Front Page nav question
Quote:
Originally Posted by
bwood
Chris, question as always. I’m not understanding the length of the first page. Let’s say the page is w-1000, and length is a hero size, I’ll end up with white space after the image. If the first page is simply one image with text and a button do I stretch that image vertically to let’s say h=1000 or something. Mobile is no problem, but desktop and tablet page height is a problem. Thx
Bill, technically you could make the image the Pasteboard image with no Page background and set it up to fill the browser.
I find this does not work.
My approach for a simple web page:
- Create a layer - !Cover
- Put a large image in !Cover:
- Give it an Image Filename
- Select it and add a Link to open the !Cover layer
- Hide !Cover
- Add the following Website Code Body:
Code:
<style>
html {
background-image: url('index_html_files/music.webp');
height: 100vh;
background-size: cover;
}
</style>
Do change the filename to what you have used.
Acorn
Re: Front Page nav question
Quote:
technically you could make the image the Pasteboard image with no Page background and set it up to fill the browser.
I find this does not work.
Rather frustrating Acorn, it works in v19 but not in the current Pro+ version; somewhat a backwards step and should be flagged to Xara. I discovered this a few days ago; I had to go back to v19 to set the pasteboard and then reopen it in Pro +, which does work, even with 5K screens
Re: Front Page nav question
Quote:
Originally Posted by
Initiostar
Rather frustrating Acorn, it works in v19 but not in the current Pro+ version; somewhat a backwards step and should be flagged to Xara. I discovered this a few days ago; I had to go back to v19 to set the pasteboard and then reopen it in Pro +, which does work, even with 5K screens
gary, I thought it was me!
Yes, do flag it to Xara.
Acorn
Re: Front Page nav question
Quote:
Originally Posted by
bwood
Chris, question as always. I’m not understanding the length of the first page. Let’s say the page is w-1000, and length is a hero size, I’ll end up with white space after the image. If the first page is simply one image with text and a button do I stretch that image vertically to let’s say h=1000 or something. Mobile is no problem, but desktop and tablet page height is a problem. Thx
Yes, that's exactly what I did. It depends on the picture though, sometimes it crops too much, or you lose something vital.
Make the image stretch to width, resize by dragging the handles down. Make everything a link to the second page. Stretched objects can't have a link, a 99% transparent rectangle on top of the image solves that problem. I put an animation on the road sign when the mouse rolls over because it looks like a button, and I was reinforcing that thought.
Re: Front Page nav question
Quote:
Originally Posted by
Initiostar
Rather frustrating Acorn, it works in v19 but not in the current Pro+ version
This was my first plan of attack...fill browser window. I thought it was the image. Spent all of 2 seconds wondering, then shrugged and moved on. Your mind is obviously a lot more inquisitive than mine
In a room full of delicate crystals, Gary would tiptoe gracefully through, admiring each wondrous facet. I'd swing the door open, wave my arms around shouting 'coming through, out the way'.