Hi
Is it now possible to insert scrolling text in Xara webpages without having to resort to HTML?
Thanks in advance
E
Hi
Is it now possible to insert scrolling text in Xara webpages without having to resort to HTML?
Thanks in advance
E
Epyminia, welcome to TalkGraphics.
The HTML <marquee> Tag is deprecated in HTML5 as it was often buggy.
This CSS solution is directly applied to a Xara Text Column or Area without any need to use Placeholders, so avoiding HTML.
The CSS could be put into a placeholder for easy use across different designs.
CSS - Marquee.xar
You can change the speed (10s == 10 seconds) and the direction as well as the width and position of the text.
You can also include shapes with a Name htmlclass="Marquee".
Acorn
Acorn - installed & active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy
Hi Acorn, many thanks for your speedy reply.
Unfortunately it is not quite what I am hoping for. I want to place a lengthy descriptive text article on a page and enable the viewer to scroll through it at their own pace, perhaps even going backwards if necessary.
Very amusing to see your text scrolling sideways and I will certainly have a play with it when the pressure eases.
Cheers
E
E, try this: CSS - Scroll TextBox.xar
Here is a rework of my first that doesn't scroll "sideways": CSS - Text Scroller.xar.
If you hover, it stops.
Acorn
Acorn - installed & active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy
Or as a simpler method. just using a placeholder to load another html page.
DEMO
Egg
Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Acorn - installed & active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy
Thanks chaps,
There is obviously more to Xara than meets the I
In this particular case I think that the Egg solution is closer to my requirements.
But I'll doodle with both...
E
Acorn - installed & active Xara software: Cloud+/Pro+, XDPXv18 , XWDPv12/v15, XPGDv10, X3D7, Xara Xtreme 5, and others back through time (to CC's Artworks).
Technical remediation and consultancy for your web designs. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy
Egg, your solution suits me fine.... although there is still one fly in the ointment!
Your Demo works just great, however when I try, the vertical scrolling is good but I always have an unwanted horizontal slider bar at the bottom of the text.
Any thoughts on what I am doing wrong or not doing right?
E
Reduce the width of the webpage that's loaded by the placeholder Epyminia.
One other advantage of this method is that if you publish this page to a sub-directory you only need to republish that single page, not the complete site.
Egg
Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Bookmarks