Quote Originally Posted by Egg Bramhill View Post
Slightly different approach. Preview the attached xar for details.
Thanks for this Egg.

It is fine for buttons where you can define a Rectangle.
You don't get a simple shape for a phrase across two line of wider text in a large Text Area.

Another method, where the Background is White, this to place connected boxes over the text and the gap between and Add Shapes.
You move this to MouseOver, add the same Link and then Screen (Bleach) it.
On hover all text under is tinted to the colour of the shape.

This is my best and final offer:

  • Add 'htmlblocktext' to the Text Area.
  • Separate out links so there is only ever one in a paragraph.
  • Add this CSS to the Website Code (head):

<style>
p:hover > a {
color: red;
}
</style>

  • Change the 'color' to match your MouseOver link colour.


All links in a paragraph will all change to the MouseOver colour when you hover over any so a single link spanning many lines will now change colour as a single action.
Any changes to the text layout are now automatically handled.

Acorn