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