Printable View
I have attached the widget here. Worked hard on getting it right to the clients satisfaction but the text output once viewed on a browser is less than desirable. The client hates it and it is not sharp/selectable. As was told by Acorn it is a jpg output.
Dear Xara, or anyone out there, can you fix this issue? I am on my knees pleading lol
I replaced your Xara file because you had your FTP settings saved in the file and replaced it with the FTP info stripped out.
Since Acorn came up with this suggestion let's see if he has an suggestion.
One thing you might try in the mean time is this. Set the coal image with no animation. Place a black rectangle over this and set it to fade in after a second or two. This will give the impression of the photo fading to black.
Have your text fade down a tick after the black rectangle fades in.
Hi Gary, OMG thank you for doing that. Is there a way you can tweek your suggestion for me?
I try to do something today. Meanwhile, Egg? Acorn? Any suggestions here?
How many of these are you planning to use on the site? And what does your client not like about this as it is? It works for me.
I published this to a page on my xara.hosting account http://gwpriester.xara.hosting/coal-test/ and it works fine.
About 10 in a page. She says the text is blurry.
The beef she has is about the blurriness only. Surely this will not work for mobile.
This does not scroll down but the text is grouped with the Image option to export separate images so the text exports as text and not as a bitmap.
Exporting the text as text instead of a bitmap will improve the sharpness of the text. Web Properties > Image > [ ] Separate Images for Group Members forces the text to export as text.
The easiest way to do this but you won't have the scrolling text, and if your page has a dozen images, do you really want each one to scroll? is to put these images on the MouseOver layer instead of a separate layer. But the downside until they get it fixed, is the separate images for group changes the linked text to blue and adds an underscore.
The workaround for now is highlight the grouped and linked text and manually change the color again to white, and to opt out for the underlined linked text in Web Properties. I expect this bug will be fixed soon. Xara knows about it and is working on a release to fix the problem.
Here is my scalable solution that allows text to be selected too: Attachment 123888
I went large but will work small as well.
All the objects should be soft-grouped to complete the widget. I added a transparency to the bottom box to show what it does.
I used a Name of htmlclass="scrolldown" and the Page head for the associated CSS.
All items are on the MouseOff Layer.
Acorn
Here's a simple MouseOver approach. I think this is a more direct way to handle a page with many of these images.
Thank you to you both for helping me. I will have a look at your solutions, however she wants the special roll effect that I have included in this thread. She complained about the sharpness of the text. I have done similar effects such as yours and she still wants the roll in efffect. You can check her site (home page) at globaltrainingsolutions.ca
Personally, the current site is TOO distracting and feels gimmicky. I'm sure the web designer who designed the current site went screaming off into the night. :O
I would try a row or two just using the mouse over with the live type and if she does not like it better, then move on. But I am retired so it is easy to be cavalier.
Hi Behzad, in the link above, the text looks sharp and remains as text, not an image. Here is the text copied and pasted from the Coal Handling slider from your site:
Quote:
To help companies improve the knowledge and skills of workers and meet the demands of today's busy training manager, Global Training Solutions Inc. offers a practical solution with 20...
Well I would show her a side by side with simple rollovers and then with the up down up down scrolls and ask which she likes better. And if you have to be honest then tell her your only resource for the scrolling text is the one you showed her.Quote:
Gary unfortunately she is a good friend of mine, can't do that. Yes her past designer might have done exactly that. ��
Before I was retired and I had a client that was a PITA, I returned their advance check and said to find someone else. Life is too short.
Yes good point
behzad, try as I could I was unable to even approximate any Xara capability towards recreating the GTS Product rollovers.
Here is a method I've worked on in Page head CSS and Placeholder body coding.
Attachment 123939
You will have to add your font-family for the specific font you need.
Sorry it took so long but I was away on business.
Acorn
Acorn, your God sent. Simply amazing. I feel like a reject not knowing how to code like you. Apparently my client went with the simple fade without the roll up and down effect that I had challenges with. Apparently you have solved it for me and I will present her with it. As far as which one she will choose is up to her but really thankful to you.
You are welcome. I left a small Easter Egg in the code: the leftmost image has a duff link:Quote:
Originally Posted by behzad
should readQuote:
<p class="readmore"><a href="#" target+"-blank">Read More</a></p>
AcornQuote:
<p class="readmore"><a href="#" target="_blank">Read More</a></p>
COOL=D>