Non-threaded

Forums » Advanced Editor Forum » Read Thread

Get help from the experts on variables, scripts, items, and other scary things.

[Tutorial] Title changes

14 years ago
I remember a little while ago, October (I think) linked me to an old post about using html in story games. It talked about how you could change font, and background colour. It said, however, that you couldn't change the page title, but you can!

You can't do any scripting with it, but it accepts html stuff too. So you can change font, colour, size and a few other things.

I used what I found to make a cool-looking book cover as my first page to give my story more of an "old novel" feel, which I thought I should share because I thought it was great.





That's my first page, you click on the title "Etarmynia" to get to the next page and start the story.

So what you do to change the title is this:


Go into the page where you want to change the font of the title, and then click in the title area.

Here's where you type the stuff I'm going to show you into the editor:




And here's where you type if you're using the basic editor:




Alright, so you delete everything in that space and then use the following code:



Change # above for the size of font you want. This isn't by pixels, but ranges from 1 to 7. 7 is what I used in my story that is shown above.

Change COLOUR above for the colour you want the font to be. I used 'gold'. Regular colours work, like red, blue, green, yellow, orange, grey, etc.

Change FONT TYPE above for any web-safe font type (you can google it for a list) The one I am using in the image is 'fantasy' which I think is just great (and about the only not-boring web safe font).

Then change PAGETITLE to what you want the title of your page to be.

And voila! You have a fancier looking title. You can now use black backgrounds if you want and still be able to see the title of the page.


If you want to know how to make a title link to the next page in your story like I did, PM me because its a bit complicated, or look at my Article on Variable Item Scripting because it mentions the method in there too about main text links (and then just put that code in the title).

[Tutorial] Title changes

14 years ago
Go submit this as an article if you haven't already!! Another phenomenal post, Zikara. I'm so happy to have you here.

[Tutorial] Title changes

14 years ago
Aww! Thanks, 3J. I'll go set it up as an article.

[Tutorial] Title changes

14 years ago
Legitimately, this is so cool.

[Tutorial] Title changes

14 years ago

i cant beleive how many great ideas you have had.

[Tutorial] Title changes

14 years ago

Another genius idea by Zikara, good job!

[Tutorial] Title changes

14 years ago
PS. the article is way better than my explanation here, so I definitely suggest going to take a look at it instead. I totally jazzed it up.

[Tutorial] Title changes

14 years ago

Nice find. Is there any way to get rid of the red lines above and below the title?

[Tutorial] Title changes

14 years ago
You can't get rid of it altogether, no.

But you can get it so that both lines are above the page title by adding in the code below to the very beginning of your page title. You'll then need to format the title yourself for things like centring, and you have to be careful because you do have limited space in the page title.

[Tutorial] Title changes

14 years ago
code:

[Tutorial] Title changes

14 years ago

That's actually really handy, thanks Zikara. As I can't hide page titles, I'll just rename all my pages </div> when I complete my storygame.

[Tutorial] Title changes

14 years ago

In regards to formatting the title myself, I'll probably just have the title as </div> and write the title as page text to avoid the restriction on space.

[Tutorial] Title changes

14 years ago
That's a really good idea! I might do that, too.