Tutorials
12 replies to this thread. Most Recent
Working with Link Styles in Freeway
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:
I’d like the chance to prove that money doesn’t make me happy. - S. Milligan.
Nice work once again, Heather. Thanks very much for doing these.
And the Text Link Style Action? How long has that been around??? I’ve been doing that much by hand since FW4 hit. :oops:
Any thought to have an even more advanced section on having different link styles for different parts of the page? Text Link Style lets you do that to a degree, and is probably all most people need. But the way you do steps 3 and 4 are page-level only. That’s not a criticism, it’s just a point. If you want to have the advanced link styles on certain parts of a page, what do you do? (Rhetorical question as I know the answer.)
Joe Muscara
Freeway Actions and more t2studios.com/freeway
[quote:a768e5448f=”Joe Muscara”]And the Text Link Style Action? How long has that been around??? I’ve been doing that much by hand since FW4 hit. :oops: [/quote:a768e5448f]
I think it was originally shipped with FW 4.2.2, so not that long. :wink:
I’m up for a multiple styles on a page tutorial - once I’ve figured out how to do it! If anyone has any pointers, please fire them at me off list.
:lol:
I’d like the chance to prove that money doesn’t make me happy. - S. Milligan.
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
” Time is a great healer. Unless it’s a rash, then you’re better off with ointment. “
- Holly, Back in the Red
[quote:82307ee0dd]I’m up for a multiple styles on a page tutorial[/quote:82307ee0dd]
That would be great, any news?
purdy pleeze! :lol:
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
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:
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 </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: freewaytalk.net/person/options
iMac 24”, MiniMac and PC, Leopard and Windows in Parallels
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: freewaytalk.net/person/options
iMac 24”, MiniMac and PC, Leopard and Windows in Parallels
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: freewaytalk.net/person/options
iMac 24”, MiniMac and PC, Leopard and Windows in Parallels
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: freewaytalk.net/person/options
Freeway user since 1997
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: freewaytalk.net/person/options
iMac 24”, MiniMac and PC, Leopard and Windows in Parallels
