Quick Tip: Applying Temporary Styles to a GoLive 6.0 Page |
| You can set up CSS styles in an external stylesheet and then apply them temporarily to a GoLive page in order to see what effect they will have on the page directly in layout mode (they have to be styles which are supported by the GoLive layout engine, of course). You don't need to write them into the page or attach the stylesheet by drag and drop to do this. You can, for example, store a set of base stylesheets and then apply them temporarily to any given document to check on the effect. |
|
Step 1: |
![]() |
|
Step 2: |
![]() |
|
Step 3: |
![]() |
|
Step 4: |
![]() |
| Step 5: Here we can see the stylesheet blueyellow.css applied to an otherwise style-less page. |
![]() |
| Step 6: To remove the styles, simply go back to the Profile dropdown, highlight the style again and release the mouse button. The styles will be removed from the layout. |
![]() |
| Here we've applied a new stylesheet, yellowblue.css to the same document, without doing anything other than make a trip to the Profile dropdown of the View palette. |
![]() |
| The styles used here are pretty simple, but it if you work with fairly well defined sets of styles on many occasions, it might be worth creating a set of CSS module stylesheets whose combinations you could test in GoLive's layout mode to see their effects. The only CSS you will see is what is supported by the GoLive layout engine, remember, so perhaps the best use of this facility in GoLive is for CSS1styles. When you get into positioning and the like, then it might prove less productive than using browser testing. |
|
|