I want to create template for setting up new flash sites for restaruants easily.
All content on the site will be changeable in an (or several) xml files, so that I can create and update sites without having to change the flash code.
The template shall, to start with, have four different types of pages:
* normal (image + text)
* menu? ? (clickable sub menus + text)
* gallery (image gallery)
* people (clickable sub menus + image + text)
Take a look at the iamges to get an idea.
## Deliverables
Guide lines for the images:
General:
The page has a design which consists of:
* top part
* dividing line
* main area
* dividing line
* menu
My design guide has been: <[login to view URL]>
* The margins shall **always** be 30 pixels between dividing lines and any information, just like on the link above.
* I like the way the lines expand on arrival on the page
* I want text and image to? fade in? like they do on my corporate site [login to view URL]
* I want to be able to change fonts for entire site
MAIN PAGE:
* Page is optimized for images of size (420 * 310).? Images shall always be dispalyed with height 310.
? - If it is correct in proportions, it will fit perfectly.
? - If it is not wide enough, right align it, so that it is still 30 pixel margin to text
? - If it is too wdie, hide (or crop)? whatever appears outside the area
* text appears ? with auto line-breaks with a margin of 30 pixels to the end
* I shall be able to set in the text file three different types of text formats:
? - title
? - sub title
? - text
MENU
* left part has clickable sub menus which bring up new content in right area
* In xml I would prefer that I right e.g.
? <title>Pancakes</title>
? <description>text to descripbe pancakes</description>
? <price>119 :-</price>
it would then create the design as in mockup
* scroll appears only when necessary.
PEOPLE
* this page has three sections. It works like menu but with an image for each sub menu
* Image shall always be centered in main area
* Text starts 30 pixels to the right of end of image
* sub menus are left centered with 30 pixel margin (only images go all the way to the left)
PHOTOS
* Gallery dispalys images which I can click through.
* description appears in bottom right corner of image
* I want images to "morph" when clicking through
I am attaching the xml file from my corporate site's engine, which shows pretty much how I want this built.
/Peder