Text Effects (Future page)

A fixed background image in your text object and text that scrolls above it like the below example using this image.

This is an example of a text object
that has a fixed
background image.
The text also scrolls.
If you want to do this effect on your
page stay tuned
 for the tutorial.
You can control
how the image displays.
The look of the border and all
kinds of interesting

This is an example of a text object
that has a fixed
background image.
The text also scrolls.
If you want to do this effect on your
page stay tuned
 for the tutorial.
You can control
how the image displays.
The look of the border and all
kinds of interesting

A background image that scrolls with the text.

Scroll bar & an image
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
 TEXT
TEXT
TEXT

TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT
TEXT

To add a scrollbar like below:
In the header of your page paste this and change the text object # (right click general tab):
<style type="text/css">
#TXTOBJ7D651853014FA1
{
OVERFLOW:auto;
}
</style>
 Now in the general tab again, make the text box the size you want and lock it.

To add a picture:
Paste this code in where you want the image to appear:
<SPAN style="FLOAT: left">
<IMG src="$thisfolderurl$yourpicname.GIF">
</SPAN>

Wooosh rocket your message to the top.

Get more on the coding  
 here at the
  WS4 Advanced Forum

The text is editable in web studio too!

Only one line of code and paste it into a text object via right click edit HTML 

A black background padding and a gold border with the scroll bar.

This is a text object I dragged onto the page and made 220 wide (20 added for the scrollbars to see the gray border) and 100 high.

Then I locked the the object size via right click properties under the general tab.
(you can unlock it to add text easier then lock it again when you are finished)

Then I wanted to add the scroll bar a border and a colored background so that the padding would have this gray color.

So I took this code and pasted it inside the page header under the page html tab and changed the text object number

<style type="text/css">
 #TXTOBJ7D654B7127BB1
{
 width:180px;
 height:100px;
 overflow: auto;
 border: 1px
 solid gold;
 padding: 10px;
 background-color: black;
}
</style>

Note: FireFox will only get a fixed background with lower code

C oming soon

How to do neat looking capitals

Float: left  You edit the HTML of this text object to place the image inline.
I put this image using  float:left. I then  attached the image to the page and called for it in this text object using  src=" " coding just like above but I also added boders and stuff.  The text is still controlled by Web Studio which is the great part.
You can put the span style anywhere in the text that you want, you can even use FLOAT: right

This page last modified on Sunday, June 11, 2006