link colors and text as graphic items

Do link colors set in the Appearance tab of the Inspector have no effect on text links added as Graphic Items? I set the link colors, but my links never display hover colors etc. This works in iWeb even with text which gets converted to graphics.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The link styles are applied through CSS to HTML text. CSS cannot
change the pixels in a photograph, which is what graphic text is.

Walter

On Jul 11, 2011, at 1:11 AM, Mark Alan Thomas wrote:

Do link colors set in the Appearance tab of the Inspector have no
effect on text links added as Graphic Items? I set the link colors,
but my links never display hover colors etc. This works in iWeb even
with text which gets converted to graphics.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I was hoping that Freeway could do what iWeb does. iWeb has controls for applying link colors to HTML text very similar to Freeway, but if you force the text to rasterize, the link colors carry over to the rollovers. At publish, iWeb generates the necessary graphical rollover elements automatically. I was hoping Freeway could do this. It’s incredibly handy not having to muck about with Photoshop.

You can see the effect here:

http://web.mac.com/markalanthomas/Fess_Parker_Winery/Fess_Parker_Winery_-_Home.html

I made all of the text links directly in iWeb and didn’t have to make any rollovers by hand. Very cool.

So I guess the answer is no. Bummer.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

True, but there is no need to muck about in Photoshop to create
graphical text in Freeway, and the same goes for rollovers. Here’s a
simple graphic text rollover in a few steps, and without leaving
Freeway.

Draw a Graphic box. Double-click inside it and type your text.
Highlight it and style it with any font/color/size you like.

Click elsewhere on the page, then click once on the graphic box so its
handles appear. Choose Edit / Duplicate from the main menu, and set
the x/y offsets to 0 so the duplicate is directly in place. Double-
click into the duplicate and make your desired rollover change –
color, underline, whatever you like.

Click elsewhere, then drag a selection rectangle around one corner of
the two stacked images. (If there’s another element behind them, you
may need to use the Site panel in Page mode to do this by name, by
clicking and then shift-clicking on the names of your graphic boxes in
the list of page elements.) Group the two elements.

While the group is selected, apply the Rollover Action to it. In the
Actions palette, select the normal and over state by checking/un-
checking the checkmarks. Preview to test your work.

Now, benefits are many – most notably, all text remains live and
editable (and spell-checkable) in Freeway. If you want to make a
global change in the font you chose for this text, you only have to
change one or two styles in the Edit Styles dialog, and all of your
rollovers are updated.

There’s an additional benefit to the method I’ve described over and
above the use of inline graphic text links – you get clearer and
easier-to-index (by search engines) code! Compare the result of adding
a link to a square graphic box:

<a href="somewhere"><img src="Resources/foo.jpeg" ... /></a>

with the endless and tortured image map that results from creating a
link to text within a graphic box (I won’t even bother pasting it –
just view source in your browser and scroll to the bottom of the code.
You should see a separate instance of <map name="bar" ... </,map> at
the bottom, with a LOT of numbers inside. These numbers describe a
polygon drawn around the actual characters of text that you applied a
“link” to. Yes, browsers deal with it and appear to like them, but no,
it’s more work for them and the search engines.

Walter

On Jul 11, 2011, at 6:50 AM, Mark Alan Thomas wrote:

I was hoping that Freeway could do what iWeb does. iWeb has controls
for applying link colors to HTML text very similar to Freeway, but
if you force the text to rasterize, the link colors carry over to
the rollovers. At publish, iWeb generates the necessary graphical
rollover elements automatically. I was hoping Freeway could do this.
It’s incredibly handy not having to muck about with Photoshop.

You can see the effect here:

<http://web.mac.com/markalanthomas/Fess_Parker_Winery/Fess_Parker_Winery_-_Home.html

I made all of the text links directly in iWeb and didn’t have to
make any rollovers by hand. Very cool.

So I guess the answer is no. Bummer.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Super helpful! Thank you!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options