Newbie and don't know how to add background images, PLEASE HELP

acoustic_721

I am new to Twine and need to know how to add background images to my story/game. I am using the online version of Twine. I did not download the actual Twine "software" because I am at school now and not working on my home computer. Please let me know how I can add backround images with the online version of Twine.

Sharpe

For the "online" version of Twine—Twine 2—just like with Twine 1 because Twine creates webpages, you add background images the same way you add background images to webpages: with HTML and CSS.

With your Twine 2 story open in your browser, click the Twine menu in the lower-left corner, then click Edit Story Stylesheet.

Try pasting the following code:

body {
background-image: url("http://www.zingerbug.com/Backgrounds/background_images/purple_smiley_faces_background_seamless.jpg";
}

Change the URL of the image to whatever online image you wish to use.

Hope that helps!

acoustic_721

I did tried posting the code above but it made the image the background of the whole game. How would I tell it to post the image on one page of the game and not on every page?

prof_yaffle

You could use the code posted here by greyelf to set the class of each passage depending on its tags. http://twinery.org/forum/discussion/4797/basic-harlowe-passage-tag-based-styling#latest

That post explains more fully, but you'd give the passage that you want to have the image a tag of something like 'background' and then change the css to

body.background {
background-image: url("http://www.zingerbug.com/Backgrounds/background_images/purple_smiley_faces_background_seamless.jpg";
}

gotchderby

Interesting—I'd love to make this happen in something I'm working on, but I can't seem to make it load images into the background, only colors.

prof_yaffle wrote: »

You could use the code posted here by greyelf to set the class of each passage depending on its tags. http://twinery.org/forum/discussion/4797/basic-harlowe-passage-tag-based-styling#latest

ETA: It does work, thank you. Had some poorly named tags.