Fake Underline

The commands in this extension help make it a little easier to create styled underlines like those available in web browsers. The standard underline style in Fireworks always draws the line in the same color as the text, which may not always be what you want. The Fake Underline commands will automatically draw an underline for you, creating a line that can be styled like any other.

Adding styled underlines

To create the styled underline, first create a line, style it how ever you want, select it, and run Commands > Text > Fake Underline - Set Style from Selection. This sets the default underline style to that of the selection's stroke. This style should be saved along with the document, so you should need to run this command only when you want to change to a new style.

Then run Fake Underline - Set Offset and specify the offset in pixels from the bottom of the text block to the underline.

Create one or more single-line text blocks and select them (the commands assume the text is on a single line; they don't handle wrapping). Then run Fake Underline - Add to add the styled underline at the offset you specified. The underline will be grouped with the text block and resized to match the width of the text. It can then be manipulated like any other line.

Updating the line style

If you have several text/line groups and want to change the styles, first select a line with the desired style and run Fake Underline - Set Style from Selection. Then select the text/line groups you already created and run Fake Underline - Add. The command will detect that the text block already has an underline and will remove the existing one before adding the new one with the new style or offset. You can also run Add again if the width of the text changes; the line will be resized to match the text's new width.

Release history:

Revamped JS code so it wouldn't interfere with other commands.

Package contents

  • Fake Underline - Add
  • Fake Underline - Set Offset
  • Fake Underline - Set Style from Selection
comments powered by Disqus