How to make a (fake) character select screen?

0 votes
asked Dec 4 by kitcat1234 (120 points)
So usual blah blah that im completely new to this and all, not much previous coding experience besides changing the theme on my blog and stuff. Im using harlowe 2.0.1 on twine 2

Im making a really quick twine game for a spanish project, and I was wanting to put fake a "choose your character" screen, fake meaning that theres only one right choice and the rest of them are jokes that basically tell you "thats wrong go back" since i figured thatd be easier, but I am not sure how to format it

So, it doesn't have to be anything complicated, I just want a typical character select screen with portraits and character names under them, and clickable portraits, with all of it centered on the screen. are there any tutorials out there that im missing? all I can find is tutorials for how to make a real character creation thing. I can find stuff on inserting images, but how do I make images with captions+line them all up?

1 Answer

0 votes
answered Dec 4 by Charlie (4,530 points)
 

You could put the images and captions inside a div with the "text-align: center" style, like this:

<div style="text-align: center">
  <img src="https://vignette.wikia.nocookie.net/sym-bionic-titan/images/d/db/Newton_Character_Portrait.png/revision/latest?cb=20140321042645" />
  Caption goes here
</div>
Welcome to Twine Q&A, where you can ask questions and receive answers from other members of the community.

You can also find hints and information on Twine on the official wiki and the old forums archive.

See a spam question? Flag it instead of downvoting. A question flagged enough times will automatically be hidden while moderators review it.
...