Working with Link Styles in Freeway

Re: Working with Link Styles in Freeway

lfedje — Wed, 28 Nov 2007 22:58:33 -500

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

Re: Working with Link Styles in Freeway

waltd — Wed, 28 Nov 2007 22:42:07 -500

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

Re: Working with Link Styles in Freeway

lfedje — Wed, 28 Nov 2007 22:29:39 -500

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

Re: Working with Link Styles in Freeway

lfedje — Wed, 28 Nov 2007 22:21:29 -500

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

Re: Working with Link Styles in Freeway

lfedje — Wed, 28 Nov 2007 22:13:40 -500

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 </HEAD> paste this code:

[code] <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>

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 > 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

Working with Link Styles in Freeway

johnyw — Sun, 11 Feb 2007 08:20:06 -500

THX Michael, I gotta remember that one :)

Johny

Working with Link Styles in Freeway

Michael — Sun, 11 Feb 2007 07:21:43 -500

You can use non-breaking spaces (Option-Space) to separate the links.

If you want to do the thing properly, you can make a horizontal list, but it’s a bit tricky. Ernie is the expert for this sort of stuff. He’s put an example here:

http://www.thebigerns.com/freeway/rollnavbar/index.html

Working with Link Styles in Freeway

johnyw — Sun, 11 Feb 2007 06:49:50 -500

Thx for the tutorial Heather, it works fine for me but.. My navigation is all in a horizontal html box, and although I am separating ( our trying to) the different menu items with blank spaces, once in preview our on the web, these spaces disappear ?? Of course, I could have placed all the different menu items in the navigation in their own html box ( witch initially I did) but then I have to apply the actions to each box over and over again…

How do you separate these items in a single html box?

THX JOHNY

Working with Link Styles in Freeway

Evil J Guano — Tue, 23 Jan 2007 16:23:33 -500

[quote:82307ee0dd]I’m up for a multiple styles on a page tutorial[/quote:82307ee0dd]

That would be great, any news?

purdy pleeze! :lol:

Working with Link Styles in Freeway

diarbyrag — Tue, 26 Sep 2006 22:47:37 -500

Heather you’re a babe for putting all this together !

every day the forum becomes better

and FW becomes THE world beating web design program

should think about putting on a FW day a softpress towers with a few tutorials, etc

I for one would pay for some 121 pro advice and to maybe even meet the faces behind the usernames

Cheers

Gary

Working with Link Styles in Freeway

Heather Kavanagh — Tue, 26 Sep 2006 11:36:38 -500

There has been a bit of discussion (and a little confusion) recently on the main Freeway Talk forum about how to effectively use HTML text link styling in Freeway.

Probably the biggest hurdle is that there is so much choice in how to do it, especially in Freeway 4 Pro! Anyway, I’ve cooked up another of my little tutorials to see if I can clarify things a bit.

[url=http://homepage.mac.com/heatherkay/Tutorials/linkstyles/linkstylesintro.html][b:a843d210fd]Working with Link Styles in Freeway[/b:a843d210fd][/url]

I hope it helps you find your way about. If you have any comments about this or any other tutorials I’ve made, please let me know.

:wink: