Designer’s Portfolio

Designer’s portfolio features a unique fullscreen xml website template with great motion, a clean design and deeplinking support. This template comes with over 65 predefined settings in config.xml, total freedom in the setup of your pages and a user manual counting 40 pages.

* Update (28th of April 2009): Some bugs fixed and functionality added:

* Being able to show loaders for all project items;
* Fixed a bug enabling to show images in the 2 columns text component;
* Added a fixed dimensions HTML example of the website to the package.

* Update (24th of April 2009): Major update with bugs fixed and much functionality added:

* Added the ability to directly open a large image from the thumbnails (as you can see in the preview thumbnail “Direct Big Picture” );
* It’s now possible to have variable sized images in the project detail page;
* Added 24 (!) color tags to the existing color tags making it possible to set the color of every detail in Designer’s Portfolio;
* Added the option to easily switch on and off the following things: (1) vertical motion of the thumbnails; (2) uppercase characters on the main menu buttons; and (3) uppercase characters on the page titles;
* By leaving the color tag empty have transparant thumbnail backgrounds;
* Made the news thumbnails clickable and enabled for internal and external linkage;
* Updated the user manual and much more!

* Update (21st of April 2009): Some bugs fixed and functionality added:

* Made it possible to have the top of the website fixed instead of variable;
* It’s possible to have a background image instead of the gradient background!;
* Set whether you want that background image to scale with the site or have it fixed;
* Made some updates to the user manual;
* Made the border in the preview pink to show that it is possible to change it’s color, size or simply remove it!

Here are some highlights of this template:

General:

* All project and news thumbnails are loaded before entering the website, this ensures a smooth user experience;
* Set the border size and color or simply switch it off;
* With 36 xml controlled color tags, all colors in the website are controlled in an external xml file!

Header:

* Complete freedom in the order and number of main buttons and which templates to attach to those buttons;
* Hide the logo, insert your own logo or adjust the current logo;
* The header adjusts its vertical position to the height of the content.

Footer:

* Use HTML to customize the footer text;
* Toggle fullscreen mode;
* Turn on and off the background music and set the visibility of the equalizer.

Sound:

* Turn on and off the interface sound fx;
* Load a single mp3 or a complete playlist;
* Listen to the music fading in and out between songs and when set to pause.

Deeplinking:

Deeplinking allows the visitor to use the back and forward button of the browser. Even more important: it’s possible to directly access a certain page or project in the website itself. All animations on the website are made to check whether a visitor has just entered the website or is already surfing it.

There are 6 available templates to use for this website:

News:

* Unlimited amount of news items;
* Set your own headlines and use the cool way to scroll them through your screen;
* Use basic HTML tags for the texts;
* With deeplinking it is possible to directly access projects from your headlines using HTML links.

Projects:

* Unlimited amount of projects;
* Scroll through the thumbnails in a unique way;
* Autocenter when stopped dragging;
* When opening a project the project is able to show images, videos and swf files;
* Scrollbar adjusts to content height vs. screen height;
* Music fades away when playing videos;
* See popup descriptions when rolling over the media items;
* Zoom in on images with a custom cursor.

Large texts:

* Create larger pieces of text;
* Define whether it should be divided into 1 or 2 columns;
* Scrollbar adjusts to content height vs. screen height;
* The text supports HTML tags, CSS decorated hyperlinks, special characters and image support.

Contact:

* Set the contact details simply by adjusting an xml file;
* Easily customize the contact form to your needs;
* PHP file for sending contact info included.

Insert your own SWF :

* Be able to insert your own Flash movie to the website;
* The scrollbar will adjust to the height of your SWF .

Use external links:

* Easily create external links in the main navigation.