External CSS Screencast

Am I correct in thinking that there was a tutorial / screencast a
short time ago explaining how to correctly implement importing and
using css stylesheets from third parties?
Basically I am going to be receiving a css stylesheet that I need to
import and use within my FW document (type styles and positioning [I assume]). I will be working with the developer who will be writing the
css, so will have influence over what is written, but it is my end
that I need to perfect.

If someone can point me in the direction of the screencast/tute, I
would be grateful – unless I am mistaken and there wasn’t one to being
with.

Regards,

Nathan Garner
email@hidden

FW5 Pro | MacBook Pro | Leopard


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

Does anyone know of a step-by-step for importing and applying/using?

Nathan Garner
Partner

Austin Wells Design Consultants
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP

On 27 Jul 2009, at 11:09, Nathan Garner wrote:

Am I correct in thinking that there was a tutorial / screencast a
short time ago explaining how to correctly implement importing and
using css stylesheets from third parties?
Basically I am going to be receiving a css stylesheet that I need to
import and use within my FW document (type styles and positioning [I assume]). I will be working with the developer who will be writing
the css, so will have influence over what is written, but it is my
end that I need to perfect.

If someone can point me in the direction of the screencast/tute, I
would be grateful – unless I am mistaken and there wasn’t one to
being with.

Regards,

Nathan Garner
email@hidden

FW5 Pro | MacBook Pro | Leopard


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

Importing is simple. In the styles Editor, go to gear icon and select import style. Choose the style sheet to import.

This process is not fool proof though. The issue you will find doing this is that not all style settings are properly imported. The reason is because alot of the styling options are not part of Freeway and can only be added with Extended option. Basically, you can import a style sheet, but will have to go through each one and manually make sure nothing is missing. For those that do have missing bits you will have to use Extended options to add those missing settings.


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

HI Chuck,

And if I make those extended changes, they will be ‘inline’ if I’m
correct won’t they? So therefore not 100% external.
If this is the case, then I may have to rethink.

Nathan Garner
Partner

Austin Wells Design Consultants
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP

On 27 Jul 2009, at 17:38, chuckamuck wrote:

Importing is simple. In the styles Editor, go to gear icon and
select import style. Choose the style sheet to import.

This process is not fool proof though. The issue you will find doing
this is that not all style settings are properly imported. The
reason is because alot of the styling options are not part of
Freeway and can only be added with Extended option. Basically, you
can import a style sheet, but will have to go through each one and
manually make sure nothing is missing. For those that do have
missing bits you will have to use Extended options to add those
missing settings.


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

Actually…yes and no.

You can use an external style sheet without importing it which I think is your best bet. You need to add a single line of code to call the external style sheet you want to include. Add the following code “After Head” to page with Page Markup:

<link rel="stylesheet" type="text/css" href="stylesheetname.css"/>

Just change the “stylesheetname.css” to whatever the actual style sheet is named. You will have to make sure that external style sheet is uloaded separately to your web server.


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

Or you could use this action and then uncheck the last check-box in the action to “Use Site Pages As…” and then select “screen” and then select the style sheet you wanted to use. This will also take care of the uploading for you.

http://actionsforge.com/actions/view/23-ess-use-external-style-sheet

But as a heads up you’re going to be playing a mind-game with the CSS sheet.

What I’d suggest doing also is using this:

http://actionsforge.com/actions/view/124-remove-div-style

and that would help with any of the CSS that already uses positioning.


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

I really think a good FW course would teach me a lot, if there are
any. I just cannot see how having an external stylesheet (styles and
positioning) can be used with FW. I appreciate the referencing in the
‘After Head’, but how then would you create and item and use those
styles when they are not in the document. Also as soon as I create an
item in FW, its position is then ‘inline’ which was the whole point of
trying an external route.

Sorry to keep bouncing these queries in here (my brain doesn’t seem to
work in the same way as others ha ha).

I would pay a lot of good money for a suite of actions that overcame
all of the ‘inline’ elements (css styles/positioning and javascript)
and also a good course / screencasts that showed visually (rather than
explained) these more ‘difficult’ aspects of web design and FW.

Nathan Garner
email@hidden

FW5 Pro | MacBook Pro | Leopard

On 27 Jul 2009, at 19:34, chuckamuck wrote:

Actually…yes and no.

You can use an external style sheet without importing it which I
think is your best bet. You need to add a single line of code to
call the external style sheet you want to include. Add the following
code “After Head” to page with Page Markup:

Just change the “stylesheetname.css” to whatever the actual style
sheet is named. You will have to make sure that external style sheet
is uloaded separately to your web server.


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

Hi Nathan
Here is another action set that allows you to use external style sheets that are produced either by hand or someone else
http://www.actionsforge.com/projects/view/98-script-maker-linker

it also allows you to adjust the style sheet within freeway plus the 2nd part of the action does all linking of the style sheet for you.
I also created a small mini tutorial on how to add extra style sheets and javascript documents as well. The reason behind doing it was that it was becoming a really long winded affair to integrate say something like jQuery and its associated plugins, plus all the extra style sheets… So I came up with this and it may be of use to you…
because getting extra style sheets into freeway and then getting them to publish into the css folder is straight forward and easy peesy.

The slightly more tricky part is adding the class to the item in the html that the style sheet will be referencing but there’s an action for that too… I think weaver made that though I cant be sure or it might be walter.

Max


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

Thanks Max, I went to the url but it doesnt apear to have any
downloadable files - is there another link available?

Thanks

Nathan Garner
Partner

Austin Wells Design Consultants
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP

On 28 Jul 2009, at 10:03, max wrote:

Hi Nathan
Here is another action set that allows you to use external style
sheets that are produced either by hand or someone else
http://www.actionsforge.com/projects/view/98-script-maker-linker

it also allows you to adjust the style sheet within freeway plus the
2nd part of the action does all linking of the style sheet for you.
I also created a small mini tutorial on how to add extra style
sheets and javascript documents as well. The reason behind doing it
was that it was becoming a really long winded affair to integrate
say something like jQuery and its associated plugins, plus all the
extra style sheets… So I came up with this and it may be of use to
you…
because getting extra style sheets into freeway and then getting
them to publish into the css folder is straight forward and easy
peesy.

The slightly more tricky part is adding the class to the item in the
html that the style sheet will be referencing but there’s an action
for that too… I think weaver made that though I cant be sure or it
might be walter.

Max


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

Hi Nathan sorry about that…
I uploaded a new version this morning and didn’t sort out the actual download link
anyway it’s there now

Max


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

You’re a star - thank you so much,I will enjoy playing with this one.

Regards,

Nathan Garner
Partner

Austin Wells Design Consultants
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP

On 28 Jul 2009, at 10:49, max wrote:

Hi Nathan sorry about that…
I uploaded a new version this morning and didn’t sort out the actual
download link
anyway it’s there now

Max


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

Have played around, and one of the things I wanted to do was use this
method with the css menus if I could, but css menu’s don’t work with
HTML 3.2. So, I need to hunt for another method I think.

Nathan Garner
Creative Director

Austin Wells Design Limited
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP

On 28 Jul 2009, at 10:49, max wrote:

Hi Nathan sorry about that…
I uploaded a new version this morning and didn’t sort out the actual
download link
anyway it’s there now

Max


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