Scrolling text in sidebar

  • Author
    Posts
  • #635428

    cancerenemy
    Member

    Hi folks,

    Is it possible to create a scrolling text in sidebar? for example, I want to put some testimonials or short stories in the text widget in my sidebar, how do I do it?

    Thank you very much.

    The blog I need help with is cancerenemy.wordpress.com.

    #635624

    dickiebo
    Member

    Any use?
    Scroll in Widget
    <div style=”overflow:auto;height:150px;”>
    <p>First entry and a really long one to see how it handles a long line</p>
    <p>Second entry</p>
    <p>Third entry</p>
    <p>Fourth entry</p>
    <p>Fifth entry</p>
    <p>Sixth entry</p>
    <p>Seventh entry</p></div>

    #635629

    1tess
    Moderator Emeritus

    http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/

    Scroll down the page to info about making a scroll box.

    #635632

    cancerenemy
    Member

    Sorry that’s not what I want, I want the scrolling effect, like marquee

    Thanks.

    #635634

    The marquee tag is not allowed here and secondly it is also now depreciated in HTML5, and all wordpress.COM themes have DOCTYPE HTML(5).

    #635635

    1tess
    Moderator Emeritus

    I sort of knew that.
    There is not a good way to have scrolling flashing running text in the sidebar on wp.com.

    You could put your testimonials up as images, then have a slide show of them.
    Or you might try using a gigya shortcode inserted into a text widget on your sidebar something like one of these:
    http://wpbtips.wordpress.com/2010/11/26/widgets-for-wpcom-9-scrolling-messages/

    The slideshow/image idea would probably be ok, but the scrolling messages is going to add a huge amount of loading time to your blog.

    It is not so good because:
    Readers without very high speed internet access will most likely just wait a little then wander on to a quicker loading site.

    #635636

    1tess
    Moderator Emeritus

    ~~~ Richard!

    #635653

    timethief
    Member

    If you will be satisfied with adding scroll bars to a text widget then see here > http://onecoolsitebloggingtips.com/2008/08/17/adding-scroll-bars-to-text-widgets/

    #635658

    G’day Tess and Timethief!

    #635660

    timethief
    Member

    G’day to you! :)

    #635667

    mmadfan
    Member

    ~~timethief! I wish I’d seen that post of yours on scroll bars before I spent wa-ay too long trying to dredge up html from memory and do it myself — but that’s what I get for not just doing a little search for it! (I can be stubborn, and I knew that I had *once* known how to do it . . . and then when I couldn’t get it quite right, my silly stubborn self just kicked in and kept plodding away! From now on, first stop, search onecoolsitebloggingtips!)

    MMADfan>>>goes off slapping herself in the forehead! ;)

    #635668

    dlager
    Member

    mmadfan I like what you did with the tags in a scroll box, looks better than my tag cloud.

    Does anyone know how to add padding on the right side of a scroll box?.

    I would like to add space between a sidebar widgets scroll wheel, and the scroll wheel of the page.

    another place will I want to know is for my index page for aesthetic appearances:
    http://echopen.wordpress.com/index/

    #635669

    mmadfan
    Member

    @dlager
    The tags were the reason I wanted to figure out the scroll box. I find tag clouds really aesthetically unappealing and I had the sense that people weren’t using it, anyway. It took a little work — I did it in a draft post first, saving it at intervals, so I didn’t have to do the entire thing at once. As I was doing it, I winnowed out a bunch of tags that really weren’t very good, and fixed some that had numerous instances of essentially the same tag. So it was worth doing. And I am getting a bit more hits on the tags now, too, despite the widget being at the bottom of the page.

    #635670

    mmadfan
    Member

    @dlager
    Try changing the padding so that you specify right-padding — I don’t know if it will make any difference, but you could see. (I gave it a shot, and I didn’t see any real difference, but my text is centered, and that may make the padding less obvious.)

    #635671

    @dlager:
    a) Re padding – which blog are you talking about?
    b) Re the page you linked to – what would you like to change?

    #635672

    dlager
    Member

    the page I would like to look better with the scroll boxes is
    http://echopen.wordpress.com/index/
    I was hoping to be able to put more space on the right side of those scroll boxes.
    they are very big and the scroll wheels on the right column of the page and on the right of the scroll boxes are very close together.

    So another way to asking:
    is there away to shorten the width of the boxes without having to put on Empty png image in the post, or having to put tables in?

    #635673

    I’m not sure I understand what you’re asking. If you mean make the scrollboxes narrower, just turn this:
    <div style="overflow:auto;height:330px;[etc.]
    to something like this:
    <div style="overflow:auto;width:600px;height:330px;[etc.]

    #635674

    dlager
    Member

    Thats exactly what I wanted.. thank you Panos.
    I didn’t like scroll bars side by side.
    this would be helpful if I later try to put a scroll bar in a right sidebar, as well.

    thanks!

    #635675

    You’re welcome!
    (But I’m still puzzled, as I’m not seeing side-by-side scrollboxes on the page you linked to.)

    #635676

    timethief
    Member

    Me neither. :s

The topic ‘Scrolling text in sidebar’ is closed to new replies.