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!

To see what Designer’s Portfolio looks like with a background image and a fixed top: click here! (there is a link in the main navigation to return to FlashDen).

I have received some questions about how easy it is to manipulate the colors in Designer’s Portfolio. The answer is: very easy! Practically all colors are controlled by external xml settings. This image shows a variety that took just a few minutes to create:

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.

Download file contains:

• .fla files with all code commented and all library items efficiently named;
• All assets used for the demo as shown here;
• User manual counting 40 pages.

Fonts used are Verdana and Century Gothic which are not included in the download package. Pictures by Mark Lenssen. Background music by ADG3studios. Thanks guys!

.................................................................................................................

Webmarbles Portfolio



.................................................................................................................

Webmarbles Support

If you want to contact me directly for support or questions, please use the message facility at the bottom of my profile page so that I can confirm purchase history before replying.

Please take notice of the Frequently Asked Questions (PDF, 77kb).