Building a horizontal scrolling website in WordPress?

  • Unknown's avatar
    maxdfeldman · Member ·

    Hi,

    Is it possible to create a horizontal scrolling website like: http://jamesjoyce.co.uk/ in WordPress? Is there a plugin or script that I could add to the page to achieve this functionality? If not, is there a relatively simple way to create the forward/backward type functionality like in the center frame of: http://www.gapminder.org/? I would ideally want the info in this frame to be editable within wordpress.

    Are there any examples of horizontal scrolling wordpress sites?

    -max

  • Unknown's avatar
    raincoaster · Member ·

    It’s not possible in WordPress.com. It MIGHT be possible in WordPress.org, but the only one I’ve ever seen was done in Expression Engine. In any case, you’d have to look at WordPress.org for answers, and the answer there is generally “depends how good you are”.

    https://en.forums.wordpress.com/topic/please-read-me-first-before-posting?replies=1

  • Unknown's avatar
    thesacredpath · Member ·

    @rain, could you post back into the thread where the OP was looking for Mistylook and tell them to search the web for “mistylook wordpress theme” and they will find the .ORG version of mistylook? It isn’t exactly the same (several upgrades) but it is still very similar.

    I got caught by the freaking forum spam filter again for the umteenth time.

  • Unknown's avatar
    thesacredpath · Member ·

    @ maxdfeldman, horizontal scrolling is the #3 out of top 10 things people on the web hate the most.

    Don’t do it. It will only make visitors click away from you site.

  • Unknown's avatar
    1tess · Moderator Emeritus ·

    Wise or not, this might get you started:
    from
    http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/ 

    Scrollbox
If you want to limit the length a text widget occupies in the sidebar, you can have its content in a (vertical) scroll box:

<div style="height:150px;white-space:pre-wrap;overflow:auto;padding:8px;">
CONTENT HERE
</div>

The height number is just a suggestion – you can change it (but there’s a downward limit: below 45px there’s no room for the scrollbar). “Padding” is the space between borders and text – you can change that too. If you write an unordered list in a scrollbox, omit the padding altogether: the design of the theme will take care of that.

Or you may need a horizontal scrollbox:

<div style="white-space:pre;overflow:auto;padding:8px;">
CONTENT HERE
</div>

In some themes it will look better if you create a visible border around the box; in that case add this right after the opening quotation mark:

border:solid 1px #999;
  • The topic ‘Building a horizontal scrolling website in WordPress?’ is closed to new replies.