# Working with Link Styles in Freeway

**URL:** <https://discourse.softpress.com/t/working-with-link-styles-in-freeway/266>\
**Category:** Tutorials\
**Created:** [November 28, 2007, 10:13pm UTC](https://discourse.softpress.com/t/working-with-link-styles-in-freeway/266 "2007-11-28T22:13:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lfedje](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/l/e0b2c6/32.png) [@lfedje](https://discourse.softpress.com/u/lfedje)\
**Post date:** [November 28, 2007, 10:13pm UTC](https://discourse.softpress.com/t/working-with-link-styles-in-freeway/266/1 "2007-11-28T22:13:36Z")

</div>

Hi

I am new to Freeway having come from the Windows world a year ago, and finally thought I should perhaps find an Application that works in OSX. Well here I am.

The program I was using has similarities to this one, so perhaps once I get used to the terminology used here vs the Windows world, I will get along just fine with FW.

I read over and tried to implement Heathers tutorial on multiple link colors and got confused on the last page. I am just having a bit of trouble getting around FW, but I will get there, after all what should I expect after only 2 hours.

If you want to use multiple link colors on a page, here is what I would suggest: (this is only an example and variables can change)

Main Menu \> Page \> HTML Markup \> Before paste this code:

[code]

```
       a.linkstyle1:link { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle1:visited { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle1:hover { text-decoration:none; color: blue; font-family:Arial; font-weight:bold; font-style:normal;}

       a.linkstyle2:link { text-decoration:none; color: red; font-style:normal;}
       a.linkstyle2:visited { text-decoration:none; color: red; font-style:normal;}
       a.linkstyle2:hover { text-decoration:none; color: green; font-family:Arial; font-weight:bold; font-style:normal;}

       a.linkstyle3:link { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle3:visited { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle3:hover { text-decoration:none; color: blue; font-family:Arial; font-weight:bold; font-style:italic;}
 </STYLE>

```

Note that there are 3 link styles included in the above code and each one has been assigned a class (linstyle1 etc)

Here is where you can do a test:

Place 3 text objects on your page \> can be simple one word link text items or multiple words.

Highlight the text in the first textbox \> right click \> click Hyperlink \> I selected “External” so that I could link to an external site \> Click Protocol - I selected “http:” \> enter an address - [www.whaterver.com](http://www.whaterver.com) \> Target - I selected “blank” \> Click Extended \> Click New \> for Name enter “class” without the quotes \> for Value enter “linkstyle1” or “linkstyle2” or linkstyle3" without the quotes.

Do this to each one of the 3 text objects and select a different class for each one.

Give it a try and see if it works for you.

Loren

* * *

tutorials mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![lfedje](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/l/e0b2c6/32.png) [@lfedje](https://discourse.softpress.com/u/lfedje)\
**Post date:** [November 28, 2007, 10:21pm UTC](https://discourse.softpress.com/t/working-with-link-styles-in-freeway/266/2 "2007-11-28T22:21:22Z")

</div>

I wasn’t sure how to submit code so somehow I missed the first line, so here is a re-submission of the code: This is just too neat how you just put in the code and it appears.

```
<STYLE TYPE="text/css">

       a.linkstyle1:link { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle1:visited { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle1:hover { text-decoration:none; color: blue; font-family:Arial; font-weight:bold; font-style:normal;}

       a.linkstyle2:link { text-decoration:none; color: red; font-style:normal;}
       a.linkstyle2:visited { text-decoration:none; color: red; font-style:normal;}
       a.linkstyle2:hover { text-decoration:none; color: green; font-family:Arial; font-weight:bold; font-style:normal;}

       a.linkstyle3:link { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle3:visited { text-decoration:none; color: navy; font-style:normal;}
       a.linkstyle3:hover { text-decoration:none; color: blue; font-family:Arial; font-weight:bold; font-style:italic;}
 </STYLE>

```

Loren

* * *

tutorials mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![lfedje](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/l/e0b2c6/32.png) [@lfedje](https://discourse.softpress.com/u/lfedje)\
**Post date:** [November 28, 2007, 10:29pm UTC](https://discourse.softpress.com/t/working-with-link-styles-in-freeway/266/3 "2007-11-28T22:29:35Z")

</div>

It’s tough getting used to a new forum and the way things are done.

I found another little error in my first post:

This line: Main Menu \> Page \> HTML Markup \> Before paste this code:

Should read: Main Menu \> Page \> HTML Markup \> Before “/HEAD” - paste the below code. Can’t put the angle brackets in there I guess.

Loren

* * *

tutorials mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [November 28, 2007, 10:41pm UTC](https://discourse.softpress.com/t/working-with-link-styles-in-freeway/266/4 "2007-11-28T22:41:58Z")

</div>

On Nov 28, 2007, at 5:29 PM, lfedje wrote:

> It’s tough getting used to a new forum and the way things are done.
> 
> I found another little error in my first post:
> 
> This line: Main Menu \> Page \> HTML Markup \> Before paste this code:
> 
> Should read: Main Menu \> Page \> HTML Markup \> Before “/HEAD” -  
> paste the below code. Can’t put the angle brackets in there I guess.
> 
> Loren

You can put angle brackets in, just have to do it in a code block.  
Either wrap the word in back-ticks (top-left key on a US keyboard,  
under the tilde) or put it in a code block (indent with four spaces)  
and you can use any character you like!

Walter

* * *

tutorials mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![lfedje](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/l/e0b2c6/32.png) [@lfedje](https://discourse.softpress.com/u/lfedje)\
**Post date:** [November 28, 2007, 10:58pm UTC](https://discourse.softpress.com/t/working-with-link-styles-in-freeway/266/5 "2007-11-28T22:58:31Z")

</div>

Thanks, Walter, much appreciated.

Is there a Forum Use Guide anywhere?

I guess the other option I have is to just test things out with a sample post and just not send it.

`</HEAD>`

```
</head>

```

Loren

* * *

tutorials mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)