How to put color behind text, and how to have an animated gif rollover button

[Acorn]

zaphodeist, I took the slant of the questions to be dynamic colouring.

The other approach it to place a box behind and make it stretch as with dynamic buttons.

Ali, the trick with text is each line is a span so you much add a special Name to the text block.
Have a look in one of the Stickies here for Advanced Features.

Acorn

[Artyboots]

zaphodeist, I took the slant of the questions to be dynamic colouring.

The other approach it to place a box behind and make it stretch as with dynamic buttons.

Ali, the trick with text is each line is a span so you much add a special Name to the text block.
Have a look in one of the Stickies here for Advanced Features.

Acorn

Thanks Acorn. I don't need to be able to do it, but a friend is considering a switch from another web program, so it made me explore what might compensate her for losing more extensive paragraph styles. The answer of course is well, XARA! The whole thing.

It is nice to be able to stick background colours or tiles to paragraphs. You can then achieve interesting effects by varying the line spacing. But doing it graphically in xara is, as you say, also quick.

Work today. No time to play. But thanks for all the tips. Appreciated.

Ali

[Acorn]

Ali, you could explore adding CSS3 effects:

1. Add a Name "HTMLBlockText" to a text block.
2. Also name it "mySomethingOrOther".
3. Create a Page Placeholder, in the head, add:

<style>
#mySomethingOrOther
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>

Better than Xara (!) as it is still text.

Acorn

[Artyboots]

Ali, you could explore adding CSS3 effects:

1. Add a Name "HTMLBlockText" to a text block.
2. Also name it "mySomethingOrOther".
3. Create a Page Placeholder, in the head, add:

<style>
#mySomethingOrOther
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>

Better than Xara (!) as it is still text.

Acorn

Hi Acorn,
This is what I tried yesterday, before posting. But it just makes the text disappear from the page. I wonder whether it only works if you set the color and font etc alongside the shadow ie set ALL the CSS properties, not just one. If so I can't be bothered can you?

There is a chance I have done something wrong - WOULDNT BE THE FIRST TIME! LOL But I have checked and double checked and can't get the text to appear.

Thanks, though. I am sure it is something simple, but I am nearly there.

Ali

[Acorn]

Ali, I copied and pasted my own instructions just and it all worked.
The <style> goes into the Web Properties > Page > HTML code (head), the Names are attached to the block of text...

If you put it in the Web Properties > Page > HTML code (body), it still works.

Acorn

[Egg Bramhill]

Acorn, it works fine in FF but good old IE just doesn't do anything, that's probably why Artyboots is no seeing it.

[mwenz]

IE 10 can display the shadow effect. But at least on earlier versions it fails gracefully.

And here I thought the thread was about the background-color property. That property is supported in IE versions back to 7 or maybe 6.

Mike