3 Attachment(s)
How to make a scroll text box in Xara
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.
Attachment 84526
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..
Attachment 84527
Here is the xar file: Attachment 84528
:)
Re: How to make a scroll text box in Xara
Thank You James, I'm sure this will come in handy.
Re: How to make a scroll text box in Xara
GREAT!!!! =D>
Very nice solution. Now the following challenge!!!
When I incorporate a picture in the text (even when anchored) the picture stays on its spot in the page and not the scroll box.
I would like to scroll with the picture staying in place relevant to the text
Is that possible?
3 Attachment(s)
Re: How to make a scroll text box with image in Xara
Hi nowequa,
You will need to use another placeholder.
Have a look at the attached .xar file you will see the word *image* I have highlighted this and then placed the following img tag using a placeholder.
<img src="http://www.talkgraphics.com/images/styles/CrystalClean/style/logo.png"/>
Attachment 85451
Change the red text to your image file path.
Attachment 85453
Re: How to make a scroll text box in Xara
Thank you Jamesd.
Great!
Sorry for late answer due to company trip.
Coming holiday will be perfect to experiment
Seasons Greetings to you and all other members
Re: How to make a scroll text box in Xara
Excellent James. This comes up very frequently. I hope you added a keyword(s) to the thread so it can be found quickly in a search of TG.
Re: How to make a scroll text box in Xara
Re: How to make a scroll text box in Xara
Quote:
Originally Posted by
jamesd
Next create a rectangle, then using the placeholder tab select 'HTML code (head)' and paste the following code...
Problem: Can't see any "HTML code (head)" buttons. Wherever I look in the various Web Properties tags they are "HTML code (body)" only.
In your xar file, when I click on the placeholder the "widget - edit" menu pops up but clicking on edit does nothing. If I forcibly call up Web Properties, under the Placeholder tag the "Replace with HTML code" radio button is activated, as if something is present, but clicking HTML code (body) produces an empty window.
Never seen this before. What goes on? Is there a connection between this and the fact that no HTML code (head) button is showing?
(Sorry - just noticed this is an old post. Hope someone can help as I'd like to study this more closely.)
1 Attachment(s)
Re: How to make a scroll text box in Xara
Quote:
Originally Posted by
PaulD
Problem: Can't see any "HTML code (head)" buttons. Wherever I look in the various Web Properties tags they are "HTML code (body)" only.
In your xar file, when I click on the placeholder the "widget - edit" menu pops up but clicking on edit does nothing. If I forcibly call up Web Properties, under the Placeholder tag the "Replace with HTML code" radio button is activated, as if something is present, but clicking HTML code (body) produces an empty window.
Never seen this before. What goes on? Is there a connection between this and the fact that no HTML code (head) button is showing?
(Sorry - just noticed this is an old post. Hope someone can help as I'd like to study this more closely.)
Hi Paul, If you are using WDMX (not premium) you won't find the "replace with HTML code (head)" instead using the name tag Attachment 91936 you will need to give the name <head> to the placeholder.
I think:eek: I only have the premium version, can someone else confirm?
Re: How to make a scroll text box in Xara
You are correct James. In WDMX (not premium) the name <head> must be used.