Help File

Setting Up Your Easy Scroller

Easy Scroller uses a combination of XML, HTML, & CSS to format it's functionality, look, and content. The product is also meant to be easily positioned and scaled within the FLA for optimum control over it's size and placement. More extreme modifications of the actual scrollbar & colors can also be modified within the FLA.

The .XML File

  • EDGE_SPACING - The amount of pixels used as padding around the edges of the Easy Scroller.
  • MOUSE_WHEEL_ENABLED - Put 'true' if you want the scroller to scroll with the mouse wheel, or 'false' if not.
  • HEADING_1 - Use HTML tags and type what you want Heading 1 to say.
    • visible - Put 'true' if you want to show HEADING_1.
  • HEADING_2 - Use HTML tags and type what you want Heading 2 to say.
    • visible - Put 'true' if you want to show HEADING_2.
  • BODY_COPY - Use HTML tags and type what you want to say for the content of your Easy Scroller.

The .CSS File

  • The .CSS file is used to format the text that is enclosed in HTML tags within the .XML file

    • Read through the comments in the supplied .css file regarding using .css
    • Currently the only font used is Arial.
    • If you decide to change the fonts, you must embed them in your .fla

The .FLA file

  • Drag the EasyScroller movie clip onto the stage.
  • Resize the EasyScroller movie clip to whatever size you would like
  • Note: The EasyScroller will look stretched out within the .fla, but will resize & align itself correctly when it's published.
  • Publish the .fla
  • Upload all of the supplied files into the same directory on your site.

Embed Your Fonts

In order to use the fonts specified in your CSS file you will have to embed fonts within the FLA.

  • In you Library Options, select 'New Font'
  • Choose the font you want and give it name
  • Select 'OK', the font will now appear in your library
  • Right-Click on the new font in the library
  • Select 'Linkage...'
  • Check the box next to 'Export for ActionScript'
  • The 'Export in first frame' should also be checked
  • Select 'OK'
  • Your font is now embedded to use with your CSS and HTML.

This file uses Caurana Tweener

Documentation for Tweener can be found at http://code.google.com/p/tweener/

Licensing for Tweener can be found at http://www.opensource.org/licenses/mit-license.php

 

Licensing notice for Caurina Tweener

The MIT License

Copyright (c)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.