Forums » Advanced Editor Forum » Read Thread

Hey, gang. I've been making progress on my first storygame (slow progress when you realize I started in December of last year!) and I've run into a little technical snag. I found I can have a scene where a character answers other characters' questions and then return to the list of questions characters can ask, but I've had to re-arrange some links and now I have empty bullet-points where there where links. How do I get rid of those phantom link bullet points? And I'm using the classic app for this one because I'm convinced the Advanced Editor App would kick my novice ass. Any advice is welcome. Thanks. :) 

Your advice about the red x's worked. Thanks.

For the record, what I'm using in global script regarding links is this (greater than/less than turned into brackets), with an additional portion (provided by Ogre11) which hides the titles at the top (note: the bullets were still working fine when I added this, if I recall):

$PAGETEXT := "[style] a, a:hover { color: #fe7503; } .dark1border {visibility:hidden} [/style]"+ $PAGETEXT

Then, on every page, in the script icon at the top left, I have this:

$PAGETEXT := "[style]p {color: #ff9b00;}[/style]" + $PAGETEXT

If I were being honest, I can't remember why, since I put color and font tags in the text on the page anyway.

So generally speaking, what controls the color of the bullet points on links?

The bullet points of list items inherit the color of their parent; i.e. by default they're the color of the surrounding text. You can explicitly define the color using the CSS "color" property on the li element.

I'm replying to the main post because @Fluxion you have an unclosed strong tag and I don't want to edit lock you.

May I ask what the li element is? I know I can globally color links on the global page script, and I can also do it on the page. I do have a global link script in my global page, but it only affects the text, not the bullet points... except for some reason on one page there is a bullet point the same color of the text.

A <!--<-->li<!-->--> element is a list item. In HTML you define a <!--<-->ul<!-->--> or <!--<-->ol<!-->--> (a bulleted or numbered list) and then have several <!--<-->li<!-->--> elements inside of it. You might use "li {color: red;}" if you wanted all the bullets to be red, and since the links inside have their own color, they won't inherit the red.

[font size="3" color ="#d4b610" face="(insert whatever web-safe font you like)"] -with <> instead of brackets, of course.

Put it at the top of the page, and leave it UNCLOSED. Then, whatever color you want the text of your page to be, just paste another one in front of the text, and close that font at the end of the text. The result will be that your text will be the embedded and CLOSED font color, while the bullets will also be unclosed font color. (note sure if you have to do the reposting of font color and closing for every paragraph, but this worked in my test game)

I have no idea why this seems to work, but it does, so I'm going with it.

Please do not do this. Barring the deprecation of font tags, leaving a tag unclosed like that is very invalid HTML and the result you're getting is due to web browsers' fault tolerance. It "works" because the unclosed font tag ends up encapsulating everything beneath it as per typical browser behavior while the intermittent, closed font tags override its styles temporarily.

If you wanted a similar effect, you could use CSS to apply a color or font to the ".dark1border + div" selector (the area of the page that contains the page text, links, and inventory).

With this, I do believe I FINALLY have all the scripting I want in my game. Now I can finally work on writing it (lol). 2.7 of three acts to go, and about 3/4 of a month to do finish...