IFRAME scroller Help Needed

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I would love to add the same scroller to my site as this one on Boomer's ` site: http://travelsa.cc/wc-capetown.php (On the right hand side). I`m a complete novice at this. So some help please clever people (Boomer, help my asb man! As jy hier is)
Photo of Ruhan


  • 117 Posts
  • 0 Reply Likes
  • confident

Posted 8 years ago

  • 1
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Ruhan,

I see my post on your other thread http://forum.yola.com/yola/topics/tak...
disappeared, so I'll repost here. I will gladly help you. It's just that Im busy helping my wife move office this week. Give me a shout next week ok :-)
Photo of Ruhan


  • 117 Posts
  • 0 Reply Likes
Hi, just wondering if you can still help me with the scroller?
Photo of Brianna


  • 2045 Posts
  • 92 Reply Likes
Hello Ruhan,

If you would like to add scroll bars to your website, you will need to do a little bit of HTML coding to achieve this. You can use either the HTML button on your Text Widget tool bar or use an HTML Widget to add the following code:

<div style="border: 2px solid black; overflow: scroll; width: 200px; height: 200px;"> Add your text here</div>

The following can be adjusted:
* border: 2px (refers to thickness of border)
* black: you can change to a color of your choice
* width: 200px
* height: 200px

**Tip:** If you add your code to your Text Widget, you can type directly into the box!

Please let me know if you need further assistance!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
This isn't pretty but here's how to do it with Yola... (it works for me).
I'm not going to do a long explanation 'cause it will take me days to type up (with my 2 fingers).

Here are the basics:
You need to create a second site to host the iframe content.
The way I do it is to use a template like CleanSlate for the scroller hosting site. Upload a plain white banner so that you have a completely white page to start with.

Here comes the html part...
Next, you need to create a div for your content.

The iframe scroller code starts off something like this:

<div id="datacontainer" style="position:absolute;left:0px; top:0px;width:160px" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">

The important bits to note here are the "position:absolute;left:0px; top:0px;" This places the content in the top left corner (left:0px and top:0px) of the page. (remember it's on a plain white page)

Basically... now you can link anything to it... e.g.

<iframe src ="h ttp://your_iframe_hosted_site.yolasite.com" width="100%" height="800"></iframe>

Now... go to Dynamic Drive and follow the instructions for the iframe scroller. Link the code to your scroller content page and you are away.

Sorry if the instructions sound cryptic but it's hard to explain without you being here.

You can see a page that I host one of my scrollers here: http://travelad.synthasite.com/wc.php The benefits of course are... you only have to update one page and all your iframes will update on all your pages.
Give it a try Ruhan, and give me a shout if you get stuck. I don't have a lot of spare time at the moment, but I'll try my best to help.
Good luck.