PDA

View Full Version : Adding Scrollable Texts



jorujuja
07-19-2007, 03:46 PM
I know this is the most stupid question ever... but I can't seem to add a text box with scrollbars.

larazovich
07-19-2007, 03:50 PM
I know this is the most stupid question ever... but I can't seem to add a text box with scrollbars.
That'd be an inline-frame, an i-frame.

Insert - advanced - inline frame

jorujuja
07-20-2007, 01:04 AM
Thank you. But how do I put texts in it and if I want to have a transparent background? I have my texts in Word, how do I copy and paste in an i-frame?

lovethatbluegrassmusic
07-20-2007, 02:25 PM
Here's how I do it.
In BV, at the top tool bar there is a button box which is third from
the RIGHT side called 'Text Area'

select it, a box appears. Double click that text box and a window
opens. Under 'Initial Value' , paste your copy or just type it in.
In other words, go to 'word' and edit, select all, and copy.
Now paste into this area.

Go to 'style' and you'll see a box for 'Transparant Background'
check it

You'll see an example of that text box on my website:
www.baldwincomusic.com (http://www.baldwincomusic.com)
and I used the transparant option on:
www.northbaldwinhamradio.org (http://www.northbaldwinhamradio.org)

Tom vR
07-20-2007, 08:31 PM
Thank you. But how do I put texts in it and if I want to have a transparent background? I have my texts in Word, how do I copy and paste in an i-frame?


Making scrollable text with an i-frame:
1. Create a NEW blank page.
2. Make it transparent as follows:
i) copy the following code:

<style type="text/css">
body {background-color: transparent}
</style>

ii) Right-click on the page and select Page HTML.
iii) Click on “Between Head” tag, and paste the code in the window.
iv) Click OK.

2. Insert a Text Box.
3. Make it the width you require. Yhe height can be
4. Double-click the Text Box and type or paste your copied text in it.
5. If you have links on some of the text, SET THE "TARGET" TO "TOP".
5. Drag the text box into the top-left corner.
6. Save the page with an obvious name such as "newsflash1'.
7. Publish the page. (Do not close it yet).
8. (i) Create an i-frame and position it over the text and make it the text area the same width as the text box. (drag as required). (ii) Now CUT the i-frame (we will use it just now).

9. Open the page where you want the scrollable text to appear.
10. Paste the i-frame and drag it into position. (do not adjust the width; but adjust the height as required.
11. Double click the frame, to edit it.
12. Give it a name e.g. "newsflash1-iframe".
13. Type in the URL, e.g. http://www.mynicedomain.com/newsflash1.html (http://www.mynicedomain.com/newsflash1.html)
14. For the Scrollbars, select If Needed or Always.
15. Tick the Show Border checkbox.
16. Click the OK button.

We now want to make the i-frame transparent.
17. copy the following code:

allowtransparency="true" background-color="transparent"

18. Right click on the I-frame, chose Object HTML.
19. Click on “Inside Tag” and paste the above code in the window, then click the OK button.

Transparency is only visible in Preview or when published. In the original BV screen, the i-frame appears whte.

20. Publish your page.

That's it. For more details about i-frames in general, click Menubar in I-frame (http://www.vodahost.com/vodatalk/bluevoda-tips-tricks-shortcuts/4528-menubar-i-frame.html) .

Tom vR
07-20-2007, 09:01 PM
But do not use the i-frame for the menu bar, as Navaldesign has come up with a better idea of using php code for that.

... and as an alternative for scrolling text, if you think you've got what it takes to work with code, click here here (http://www.dynamicdrive.com/dynamicindex2/index.html)

jorujuja
07-21-2007, 04:03 PM
Thanks a lot guys for giving me the options of doing it. I appreciate your help.