Thanks for purchasing Staff Viewer by abenson

XML Guide

<?xml version="1.0" encoding="UTF-8"?>

<staff>

	<member>

		<title>CEO</title>

		<name>Henry Wilson</name>

		<picture>images/pic1.jpg</picture>

		<info><![CDATA[<b><font color="#FFFFFF">Lorem ipsum dolor sit amet</font></b>

Consectetuer adipiscing elit. Nam lacinia adipiscing odio. 

Vivamus sit amet mi ut quam rhoncus pellentesque. Phasellus iaculis accumsan erat. Vestibulum nec pede at justo cursus varius. Suspendisse venenatis urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla sagittis erat id metus. Morbi lorem dolor, lobortis sed, fringilla at, ornare sed, massa. In mattis, lectus vitae sagittis sollicitudin, <i>leo risus egestas nisi</i>, <b><i>eget accumsan magna sem nec elit</i></b>. <B>Etiam dapibus sollicitudin tellus</B>.
<a href="#">Test Link</a>

Proin commodo tortor vitae magna. ]]></info>

	</member>
</staff>

To create more people - or whatever you're using this for - just duplicate <member>...</member> and everything within it and just change its contents. Most is pretty self-explainatory.

<title>CEO</title> - Person's title
<name>Henry Wilson</name> - Person's name
<picture>images/pic1.jpg</picture> - This is the location + the file name of the picture you're using. Remember that when you embed a .swf in a web page, it searches for external assets according to where the html file that contains the flash. So if you have all of these files located in a /flash/ folder. You would need to change this to /flash/images/pic1.jpg.

*Important* - The images used are 180x180px. The thumbnails and roll over thumbnails are automatically created in Flash.

Also the roundend corners are applied in Flash so don't worry about that.

<info><![CDATA[ ......... ]]></info> - This is where you can put all of your information about each person. The ![CDATA is for handling HTML-based copy so you can change formatting with bold, italics, both, color and links.

Flash Guide

Firstly everything is in frame 2 in a MC called staff_mc, a preloader exists in frame 1. Ideally you would be using this file as a loaded SWF in your own project, or you could easily use it as a standalone file embedded in a web page. You'll most likely be interested in resizing things and changing colors. As for colors, you'd just use Flash's drawing tools to handle all of that (stage background color, rollover window bg color, text field colors).

To resize things, resize the stage how you want. Move the contents of the bottom 3 layers (arrows, mask, thumbnails) down to the bottom of your new stage size. Make sure to unlock the layers prior to this. Don't worry about the layer called hidden text fields. It stores the bold and italics font sets. To have more room for text, go inside content_mc and resize the text field inside of target_mc, and also the mask directly above it. Also resize track_mc (part of the scrollbar) to the same height of the text field so it looks consistent.

If you want more thumbnails to be displayed, change

var totalViewableThumbs:Number = 7;

to how many you think you can fit. It will depend on how many can be shown in the mask.

questions -> bensonan55@gmail.com