Graphic layout for ChoiceScript games


#1

Hi,

I was wondering if someone could tell me or point me in the right direction of information regarding how to alter the graphics/layout of ChoiceScript games, for example, if I wanted to make the column of text on the main screen wider or display a graphic down the side of the screen which files would I need to alter?

Cheers :slight_smile:


#2

You’ll need to edit the style.css file in the root folder, this wiki page covers it in more detail: http://choicescriptdev.wikia.com/wiki/Style.css


#3

That’s great many thanks :slight_smile: - I can’t actually see where that page mentions adding background image or changing the width of the main text column though.


#4

Well since CSS is a web standard all in itself (outside of javascript, choicescript and what have you) it’s very hard to cover everything.

You’ll need to google and research css yourself if you want to do anything more complex.

Though I can tell you to change the page background you’ll want to add a line like this to the body tag:

body { background:url(http://www.somesite.com/picture.png); }

The width is governed by the body element, look for “max-width:680px” You can change that to be smaller/larger.


#5

That’s brilliant - thanks very much for your help :slight_smile:
I have a basic understanding of CSS design so i’ll look into this further.


#6

No problem :slight_smile:
Welcome to the forums, by the way!


#7

Thanks :slight_smile:


#8

is there a way to make it so the image come from the folder of the game? instead of the internet


#9

Yes, use a relative link:

background:url(picture.png);

if it’s in the same folder,

background:url(pictures/picture.png);

if it’s in the pictures subfolder.