A simple and elegant template to showcase your portfolio. Check out the features:

Background slideshow
The template comes with a background slideshow component.
  • It supports images and flv files
  • Images are loaded from XML
  • Images are resized according to the stage dimensions
  • Images are smoothed to achieve non-pixelated look when resized
    • Slideshow on/off at startup
    • Slideshow interval
    • Alignment of the thumbnails on screen (right, left, top, bottom)
    • Alignment margin
    • Thumbnails scroll direction (horizontal, vertical)
    • Dimension of the thumbnail list (height if scrolling is vertical and width if scrolling is horizontal)
    • Number of rows/columns of thumbnails
    • Thumbnail width and height
The component is for sale here - XML Background Switcher/slideshow v2

Text slideshow
Use this module to display a text based slideshow. I’ve included it in the “HOME” section to display photography related quotes. You can use it to display recent news, links to specific galleries, etc. You can set the slideshow interval and the text to be displayed in XML.

Content pages
  • HTML and CSS supported content pages in which you can load images, styled text, hyperlinks and much more.
  • You can use the mouse and keyboard arrows to scroll the content.
  • Press the HOME, END keys on your keyboard to scroll to the top and bottom of the content respectively

Galleries
The galleries in this template are modified version of XML Image Gallery 1. Features include:
  • Very easy to use
  • Administer the following settings from XML
    • Dimensions of the gallery if you don't want to have it fullscreen
    • Gap between menu items and thumbnail items
    • The background image that is displayed when the gallery first loads
    • The number of columns of the thumbnails that must be displayed
    • The images, their titles and descriptions
  • Use the keyboard arrow keys to scroll the thumbs and also to go to previous/next images
  • Press the "I" key on your keyboard to see the info related to the loaded images
  • Press the "T" key on your keyboard to see the thumbnails list
  • Press the "M" key on your keyboard to see the categories of the gallery
  • Press the HOME, END keys on your keyboard to scroll to the top and bottom of the thumbnails list
  • You can use the mouse and keyboard arrows to scroll the thumbnaiils list.

Password protected galleries
These galleries are password protected version of the galleries used in this template. You can use this section to give provide you clients with a means to review the work you did for them without allowing others to see it.
  • Passwords are stored as MD5 hashes
  • The XML files storing the client's information is encrypted for further security
  • You can choose to encrypt the XML files or not
  • You can login with the following credentials

    • Login: iceonflames
    • Password: flashden

    • Login: john
    • Password: smith

  • The client can submit a review of the work then and there once he logs into the client section

Note: The system I've implemented is very simple in terms of security, but manages to hide the client information effectively. I however do not guarantee the safety of the system and am not responsible for any damage (like people getting in without having access credentials, though it is actually pretty difficult if you follow the right measueres. I've outlined more secure measures in the help file). If you are looking for a very secure system, then you must consider using databases in conjunction with the login module of this template (which is not provided with the template. You'll have to implement it for yourself.

Deeplinking
I've implemented a simple deeplinking framework that allows enabling of browser history(the BACK button of your browser) and also you can directly link to a specific section of your website. Try this for example - Flowers section

Auto-generated HTML page
  • This page is used keeping SEO in view
  • Search engines will find this page useful to index the content of the site as they find it difficult to index flash content
  • Also, visitors who do not have Flash player plugin installed on their browser will be shown this page with a link to install Flash player
  • The HTML page is generated dynamically from the same XML files used to generate the Flash website. So you don't have to worry about maintenance of the HTML page. Change the content of the XML files and...VOILA!...the content of the HTML page is also updated
  • Your server needs to have PHP 5.0 and server side XSLT support to generate the HTML page
  • I've included how to find this out in the help file
  • See the generated HTML page here


Main Menu features
  • Choose if the background slideshow must be on/off for a particular menu item
  • Choose if a particular menu item is available in Flash site and HTML template or not (this is because both Flash and HTML versions use the same XML file to generate the main menu. See how different the menu items are in both versions.)

Contact form
The template comes with a simple contact form for your visitors to contact you.

MP3 player The template comes with a simple MP3 player that plays a single track. You can change the path of the MP3 file in XML.

Other features
  • All the scrollable lists - the content pages, the thumbnail lists in galleries use the vertical version of my Easy Content Scroller. So you have a ready made scroll component to implement into your projects.
  • Though the MP3 player plays a single track (I did this for the sake of simplicity), I've included a set of classes that will help you create a MP3 player with full playlist functionality very easily

CATEGORY 1

28-04-2009

Extended the deeplinking functionality to galleries categories/images level
--------------------------------------------------------------------------------

27-04-2009

Accepted for sale on FlashDen. So buyers...BUY!!!
--------------------------------------------------------------------------------

22-04-2009

Uploaded to FlashDen and waiting for approval
--------------------------------------------------------------------------------

19-04-2009

Finished all the documentation and other help files
--------------------------------------------------------------------------------

18-04-2009

Commented all the code and prepared the api documentation
--------------------------------------------------------------------------------

16-04-2009

Made a nice collection of images to be used in the template
--------------------------------------------------------------------------------

12-04-2009

Made a tree component for the CMS
--------------------------------------------------------------------------------

09-04-2009

Made the dynamic alternative HTML page using PHP 5.0 and server side XSL transformations
--------------------------------------------------------------------------------

07-04-2009

Worked out other ideas for the CMS and its components, specifications for the tooltip component, etc
--------------------------------------------------------------------------------

06-04-2009

Made a combo box component for the CMS
--------------------------------------------------------------------------------

05-04-2009

Made a numeric stepper component for the CMS
--------------------------------------------------------------------------------

04-04-2009

Static HTML website was built and integrated into the template. Also worked out a few ideas for the CMS and designed a few image mockups
--------------------------------------------------------------------------------

03-04-2009

Image mock up of HTML site done
--------------------------------------------------------------------------------

31-03-2009

Brainstorming ideas for the CMS and its implementation
--------------------------------------------------------------------------------

30-03-2009

Designed the homepage quotes slideshow
--------------------------------------------------------------------------------

28-03-2009

Redesigned the template with "BLACK GRADIENT" theme
----------------------------------------- --------------------------------------

15-03-2009

Made a image mock up of "BLACK GRADIENT" theme for the template
--------------------------------------------------------------------------------

08-03-2009

Brainstorming for more ideas to be implemented
--------------------------------------------------------------------------------

07-03-2009

Login module for client login was done using MD5 encryption and a simple substitution cypher
--------------------------------------------------------------------------------

06-03-2009

The gallery was customised for use with this template
--------------------------------------------------------------------------------

05-03-2009

Customised the BG-switcher for use with this template
--------------------------------------------------------------------------------

04-03-2009

Bottom menu items, deeplinking and XML modeling was done
--------------------------------------------------------------------------------

03-03-2009

All the functional specification written down and ready to begin
--------------------------------------------------------------------------------

02-03-2009

Basic photoshop design was done and ready for implementation
--------------------------------------------------------------------------------

01-03-2009

This project was started.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus id lectus. Duis turpis dui, pellentesque id, rutrum sed. Sed hendrerit, est sed congue luctus, arcu mauris tincidunt elit, vestibulum accumsan quam risus nec turpis. Aliquam ultricies libero ut lacus. Cras scelerisque lectus ac justo. Proin imperdiet. Maecenas cursus. Cras euismod vehicula velit. Aenean odio augue, cursus ac, sagittis in, blandit sit amet, nulla. Suspendisse lacinia. Fusce feugiat quam sed ligula. Fusce rutrum, mi in fermentum auctor, massa ipsum lacinia magna. Nulla facilisis fermentum velit. Proin justo orci, viverra fermentum, nonummy rutrum, condimentum malesuada, enim. Vivamus et orci vitae nisi blandit porta. Integer lacus leo, sollicitudin quis, consectetuer eget, elementum quis, enim. Quisque id velit. Duis ultricies ornare leo. Phasellus vitae augue sed nulla condimentum dictum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus id lectus. Duis turpis dui, pellentesque id, rutrum sed. Sed hendrerit, est sed congue luctus, arcu mauris tincidunt elit, vestibulum accumsan quam risus nec turpis. Aliquam ultricies libero ut lacus. Cras scelerisque lectus ac justo. Proin imperdiet. Maecenas cursus. Cras euismod vehicula velit. Aenean odio augue, cursus ac, sagittis in, blandit sit amet, nulla. Suspendisse lacinia. Fusce feugiat quam sed ligula. Fusce rutrum, mi in fermentum auctor, massa ipsum lacinia magna. Nulla facilisis fermentum velit. Proin justo orci, viverra fermentum, nonummy rutrum, condimentum malesuada, enim. Vivamus et orci vitae nisi blandit porta. Integer lacus leo, sollicitudin quis, consectetuer eget, elementum quis, enim. Quisque id velit. Duis ultricies ornare leo. Phasellus vitae augue sed nulla condimentum dictum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus id lectus. Duis turpis dui, pellentesque id, rutrum sed. Sed hendrerit, est sed congue luctus, arcu mauris tincidunt elit, vestibulum accumsan quam risus nec turpis. Aliquam ultricies libero ut lacus. Cras scelerisque lectus ac justo. Proin imperdiet. Maecenas cursus. Cras euismod vehicula velit. Aenean odio augue, cursus ac, sagittis in, blandit sit amet, nulla. Suspendisse lacinia. Fusce feugiat quam sed ligula. Fusce rutrum, mi in fermentum auctor, massa ipsum lacinia magna. Nulla facilisis fermentum velit. Proin justo orci, viverra fermentum, nonummy rutrum, condimentum malesuada, enim. Vivamus et orci vitae nisi blandit porta. Integer lacus leo, sollicitudin quis, consectetuer eget, elementum quis, enim. Quisque id velit. Duis ultricies ornare leo. Phasellus vitae augue sed nulla condimentum dictum.