How to make a scroll text box in Xara

[jamesd]

Here is an SEO friendly way to create a scroll text box in Xara.

First create your text box as normal making the box the width you want and to accommodate the text in length. Then select it with the selector tool, using the yellow tag icon give it a name eg:scroll1 also give it the name HTMLBlockText.



Next create a rectangle, then using the placeholder tab select 'HTML code (head)' and paste the following code:

<style type="text/css">
#scroll1 {
height: 100px;
padding-left: 5px;
padding-right: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
overflow: auto;
}
</style>

The text(above) colored in red must be the same name that you first gave the text box in this case its 'scroll1'. Everything colored in green can be changed to suit, scroll box height etc..




Here is the xar file: scroll_text_box.xar