Welcome to TalkGraphics.com
Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Scrolling Text

  1. #1
    Join Date
    Jul 2023
    Posts
    23

    Default Scrolling Text

    Hi
    Is it now possible to insert scrolling text in Xara webpages without having to resort to HTML?
    Thanks in advance
    E

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,828

    Default Re: Scrolling Text

    Quote Originally Posted by Epyminia View Post
    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 Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Jul 2023
    Posts
    23

    Default Re: Scrolling Text

    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

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,828

    Default Re: Scrolling Text

    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 Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: Scrolling Text

    Or as a simpler method. just using a placeholder to load another html page.

    DEMO
    Attached Files Attached Files
    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

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,828

    Default Re: Scrolling Text

    Quote Originally Posted by Egg Bramhill View Post
    Or as a simpler method. just using a placeholder to load another html page.
    DEMO
    Egg, technically, an IFRAME is HTML I did not use it as Windows scroll bars inside one another look dreadful. CSS is more refined. jQuery is versatile. JavaScript is low level.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  7. #7
    Join Date
    Jul 2023
    Posts
    23

    Default Re: Scrolling Text

    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

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,828

    Default Re: Scrolling Text

    Quote Originally Posted by Epyminia View Post
    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
    Good, I'm glad you've got a steer for your need.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  9. #9
    Join Date
    Jul 2023
    Posts
    23

    Default Re: Scrolling Text

    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

  10. #10
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,918

    Default Re: Scrolling Text

    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

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •