I was reading this article about making a title page. It says that you can change the background of a page by uploading an image to the website and clicking on it in your "pictures" tab to get the url. Well I tried clicking on it, but that just brought up a dialogue to open the picture on my computer which doesn't provide a url.
Yeah, it does say to left click on the image but that isn't the way to do it. You need to right click on it and select "Copy Image Location" or "Copy Image Address" or similar.
Okay, I didn't think that would work because the link you obtain doesn't open a webpage showing the image like normal image urls do. Anyhow, I got the link and tried to follow the instructions on the article to add a background image. In my guinea pig story entitled "Story10", I added the following line on the first and only page:
where the URL is the one for the image I'm using. According to the article, this should set the background image of the page, but no image shows up in the preview.
Try this instead:
Yeah; there's a dropdown to change the chapter start page. To change the very first page of the story, though, the page of course has to be in chapter 1.
Oh, thanks! Don't know how I missed that, lol.
Yeah, this is the way to do it. Much less to worry about if you're putting it in a page script. The style code I provided goes in between those double quotes. (But don't include that initial quote before $PAGETEXT.)
Yeah, that worked. Thank you both! Is there any way to set the image to the size of the window instead of repeating itself over the width and height of the page like it's doing here?
Even so, wouldn't I need to fit the image to the window size with some script since the window size isn't fixed?
Add center / cover right before the semicolon.
center / cover
For some reason, the top part of the image looped to the bottom.
Not happening for me but you can add a no-repeat in there too to prevent it.
I changed center to top just before you replied, which solved the issue when the window is maximized. No-repeat solves the issue for a non-maximized window as well but leaves a rather large blank space at the bottom. Is that just inevitable or is there a way to solve that as well?
Edit: Actually, no-repeat just removes the top portion of the picture that looped around in the non-maximized window. It's somewhat okay for a landscape picture like the one I used, but if there's important stuff at the top of the picture, it would be problematic.
Oh, I see what's going on. You'll need to add this after the opening style tag:
That did the trick. Thank you so much for your help!