Xara Web Design 19 being weird about xl_xr links on animated text

**JAKlife** · 01 December 2023, 04:03 PM

Originally Posted by Acorn

JAK, first off, all your pages (note index-a) onwards have the MouseOver layer at the top of the stack; move it to just above MouseOff. Try that and advise back.

Next, I would change the site back to a Conventional one.

To achieve different page 'out' & 'in' effects does require a hell of a lot of code.
I tried to document this in https://www.talkgraphics.com/showthr...tional-Website

I don't know how many pages you are considering but I might instead use an embedded Presentation design as it comes with more transitions and you can include Presentation Steps, which might suit what you are after.
You then make this a Placeholder IFRAME into the one master index page of a separate design file, containing the top links and the bottom rules, etc.

Acorn

Yeah, I figured the transitions would be code-heavy. It would be amazing, but honestly not important enough for what I'm doing. This transition I have there still gives the basic idea.

Oooooohh.. I like the presentation idea. I might have to play with that! The original game had 32 different screens, 6 of which were dead ends, and then the "you won" screen.

Thank you for the suggestion on moving the "MouseOver" as well, I'll do that!

**Chris M** · 01 December 2023, 08:53 PM

With regard to the scrolling 'tickertape'

I asked my friend ChatGPT the following:
Create a scrolling marquee of 20 lines of text that scroll right to left in a single line. The code will be used in an iframe.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    .marquee-container {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
    }


    .marquee-content {
      display: inline-block;
      animation: marquee 20s linear infinite;
    }


    @keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }
  </style>
</head>
<body>


<div class="marquee-container">
  <div class="marquee-content">
    <p>Line 1</p>
    <p>Line 2</p>
    <p>Line 3</p>
    <p>Line 4</p>
    <p>Line 5</p>
    <p>Line 6</p>
    <p>Line 7</p>
    <p>Line 8</p>
    <p>Line 9</p>
    <p>Line 10</p>
    <p>Line 11</p>
    <p>Line 12</p>
    <p>Line 13</p>
    <p>Line 14</p>
    <p>Line 15</p>
    <p>Line 16</p>
    <p>Line 17</p>
    <p>Line 18</p>
    <p>Line 19</p>
    <p>Line 20</p>
  </div>
</div>


</body>
</html>

And here's the Xara project file. I would probably ask ChatGPT make the scrolling repeat seamlessly, or round robin, just to fill the empty gap at the end of the scroll.

>>> JAKlife.xar <<<

**Acorn** · 01 December 2023, 09:13 PM

@Chris, looks close to mine: https://www.talkgraphics.com/showthr...128#post656128.

Acorn

**Chris M** · 01 December 2023, 10:00 PM

**JAKlife** · 02 December 2023, 03:13 AM

Originally Posted by Chris M

Chris, Acorn, thank you! That's fantastic, exactly what I was after! And I've got over 50 sentences, I'm sure no one (or very few) would ever just sit and wait for them all to scroll by. I mean, I probably would do it just to see what comes up, but then I'm an old school "see every bit of dialogue" NES-era JRPG player, lol

**JAKlife** · 02 December 2023, 03:42 AM

Ok, last question, I think... lol

It restarts before all the text is finished. I'm guessing something here needs to change so it's content width and not device-width? But not sure what to call it. <meta name="viewport" content="width=device-width, initial-scale=1.0">

Edit: Nevermind, I figured it out! It was in the "100% { transform: translateX(-100%); }" part. (I changed the "-100%" to "-600%"

Anyway, thank you, again!

**Acorn** · 02 December 2023, 08:20 AM

Originally Posted by JAKlife

Chris, Acorn, thank you! That's fantastic, exactly what I was after! And I've got over 50 sentences, I'm sure no one (or very few) would ever just sit and wait for them all to scroll by. I mean, I probably would do it just to see what comes up, but then I'm an old school "see every bit of dialogue" NES-era JRPG player, lol

Jamie, again code but you could pick ten of fifty randomly at each session.

Acorn

**JAKlife** · 02 December 2023, 03:31 PM

Originally Posted by Acorn

Jamie, again code but you could pick ten of fifty randomly at each session.

Acorn

Yep, that's the plan, too - I'm also adding "Why are you still reading these? It's left or right, you can't even pick one? Just sitting here won't get you to the goal, you know." and other things like that to each at the end of the "main" questions, lol.