Forums » Advanced Editor Forum » Read Thread

I searched the A.E board to see if I could find anything on how to do this, but nothing really came up. I'm wondering if it's possible to set an image as the background to the blurb of a story (the part you read before clicking 'play'; I'm not really sure what to call it).

I wouldn't have thought it's possible because there's no source code button in the 'Story Properties' section, but then again I've stumbled onto a few stories before with backgrounds images set on the whole page with the ratings/information textbox changed as well. If anyone knows how to change these as well I'd appreciate it; I want to mess about and see how it all looks. I've tried putting HTML and CSS directly into the properties page, but, as expected, that didn't work.

Yeah, that was the story I saw with the background. I doubt I'll ever use a background, but if I do I'll use one more like BD's, which fits in better with the template of the site.

Can confirm: balls were consumed.

Yeah, though I was wondering if there was a way of just doing it in the blurb textbox. That looks more like it's the actual background of the page (which I'm also interested in finding out how to do).

What's BTE? Basic Text Editor? And can't I code with the RTE?

Actually, I was planning on having both like a greedy sod because I've painted two pieces that would both work well for a title page, but would look crap if put together. I was hoping I could stick one as the background on the blurb. I've read Zikara's article before and it seems useful. How is it outdated? Still, if there's more that can be done I'd like to know about it, and a tutorial video would be cool.

No, that came about from a poorly considered joke I had on my profile when I started off. 

Yeah... I'm kind of new to the coding game. I kind of know about <div> stuff or whatever only from trial and error and a few google searches, but I don't really know what I'm doing. Would I use something like <div style= "background-image"> and then use CSS code for putting in a background image?  thought it would be something like this:

body {
    background-image: url("URL HERE");
}

<div id = "background-image"></div> 

This doesn't actually work, so what have I done wrong here?

It is pretty simple to do, but you can make things ugly quickly. I did it with this story with an intentionally light image so it fades into the background a bit without being intrusive. I just slapped some css on the properties page. With that, you can change text as well and create some other effects.

On that page, I just used html to label divs and used css inside a style tag to format them. And yes, once you head down that path, you will have the power to do just about anything you can dream up to that page, all without any js.

P.S. Yes, none of it will work with the rich text editor, as that editor specifically strips out attempts at html.

Here's a tip if you ever find yourself putting a style tag in a storygame description. If you enclose its contents in an HTML comment block and surround it with a non-displaying div, you can ensure that the code won't show up in the description on your profile, like so:

<div style="display: none;">
<style><!--
.css {}
--></style>
</div>

Use HTML entities as a way to use characters not supported by the encoding system (like "ɑ", which would normally be replaced with a "?") or prevent a character from being processed as HTML. For instance, &lt; and &gt; will render in HTML as < and >. This site allows you to automatically encode text, if there're more specific characters you need.

Remember that an absolutely positioned element's position is based on the earliest ancestor that's also positioned. So if you're still having trouble, give the container element a position: relative; and the absolute element inside will align to it.

What? Definitely newline. CYS Script is one of those languages that actually allows newlines in strings so there's less reason to minify it all unless you're overly obsessed with minor performance impact (like I used to be, tbf).

$PAGETEXT := "<style>
#name {
   display: block;
   margin: auto;
}

ul {
   list-style-type: none;
   padding-left: 0;
}
</style>" + $PAGETEXT

Might've been a tab character in there? Strings allow any ASCII printable character—plus both line feed and carriage return newline characters—except for double quotes.

That'll do it, and yeah, the tab key's got its own function in browsers, but it is still possible to paste a tab in there.