One Page Portfolio Pro XML Website Template AS3


Update 29.06.2009

  • Bug fixed with background image loading when video player showcase is selected.
  • Fullscreen bug fixed in “index.html”
  • MouseWheel scroll “com” folder added to remove errors when recompiling fla.
  • Fixed the javascript error experienced by Windows users in IE8 and possibly earlier versions, caused by mac mouse wheel scroll implementation.

Update 25.06.2009

  • Mac mouse wheel scroll now supported.
  • Launch any portfolio item from any new item.
  • Choose to auto-scroll to any category’s featured project from any news item.
  • External link option from news items retained
  • Option to hide any/all portfolio item thumbnails but still link these items to a news item or a featured Project.
  • Added the option to designate any featured project or any/all thumbnail as unclickable.
  • Fixed text hyperlinks in the portfolio item descriptions.
  • Fixed centering of the services modal window at launch and on browser resize.
  • Added resizing of services modal window to fit content length
  • Added option to hide “featured project” tag on featured item image.
  • Added editing of text on “featured project” tag from xml file.
  • Added editing of color of “featured project” tag from xml.
  • While using context navigation menu – if the services drawer is open, it close automatically upon selecting another menu item.
  • Mp3 track play once option added
  • Mp3 random track at first load, option added.
  • Text size increased in portfolio category drop down menu
  • Random background image at first load, option added.

Update 19.06.2009

  • Fix for preloader bug in IE.
  • Fix for bug in showcase swf player
  • Fix for ribbon visibility bug via xml.
  • Fix for mp3 track loop bug.
  • Fix for bug in “Advanced Modal Window” – when only 1 video sub-item displayed in portfolio.
  • Removal of invisibe object previously obscuring roll over events on right-hand-side of screen.
  • Tweener files included – Note: Remove folder “caurina” from “com” folder and place beside the flash file.

Note To see a demonstration of the Video Player Showcase Module of this template, please see the following demonstration link – 1PageFolio – Video Showcase









One page portfolios are an increasingly popular way of displaying the work of creative professionals. They represent a straight to the point approach for presenting personal work, requiring little effort from the viewer, which translates into longer times spent on the site and more of your work reaching more of your visitors.

1PageFolio is a dynamic and easily customizable multi-media website template, perfect for pitching your work to potential clients with a very polished look.

FEATURES :

SHOWCASE SECTION :

This is the first area of the site seen by visitors. This module offers 3 different optionfor getting your message to the visitor. Slide Show, FLV Player, SWF Movie Player.

Option a: Slide Show

  • Any number of slide you want;
  • Numbers appear at bottom to select any slide;
  • Set slide delay time in XML ;
  • Set auto start in XML ;
  • Number of slides exceeds numbers area, navigation arrows appear;
  • Slide numbers auto scroll so current slide’s number is always visible;
  • Caption option for each slide, supports HTML formatting;
  • Caption X & Y location can be input in XML ;
  • Different caption location for each slide supported;
  • Swf can also be loaded into a slide.

Option b: FLV player Module

  • Auto play option;
  • Loop option;
  • Controls appear on rollover;
  • Scrubbing enabled with time display;
  • Click seeking enabled;
  • Volume control, initial volume set in XML ;
  • Click video or button to pause/play;
  • Mp3 playback pauses when video is played.

Option c: SWF Movie Player

  • Load a large SWF interactive movie as your showcase;
  • Also caption support with adjustable X & Y positioning.

Introduction / Tag line area with “Jump-To-Portfolio” button:

  • HTML formatted tag line box;
  • Portfolio category selector drop down menu at bottom for immediate jump to portfoliosubsection;
  • Category selector automatically updates if further subcategories are added to the portfolio.

SERVICES DRAWER

  • Draggable services drawer always at top of screen not affected by scrolling;
  • Drawer supports double clicking to maximise and minimise;
  • Drawer contents auto scrolls with mouse position if its content exceeds window width;
  • All content editable through XML ;
  • Clicking images launches content window with larger image and a html text description;
  • External links also supported.

NEWS SECTION

  • Add more items though XML ;
  • Number of posts displayed automatically;
  • Latest post automatically displays the “new” tag;
  • Articles content and images are loaded via XML ;
  • Articles can act as external links;
  • Left and right arrows navigate to older/newer posts.

PORTFOLIO SECTION

Categories:

  • Add extra categories, page automatically gets longer;
  • Featured Project item, chosen in the XML ;
  • Featured item background color can be changed in XML ;
  • Description of the category editable via XML ;
  • Thumbnail grid;
  • Tag and project “new” and specify color in XML ;
  • Each thumb item supports as many sub items as you wish;
  • Clicking thumbs launches the “Advanced Modal Window”.

Advanced modal window

  • Opacity of the background cover can be set in XML ;
  • Item sub images, video, title, sub title, description and optional external link areloaded;
  • Sub title is displayed on image rollover;
  • Window resizes to fit it content loaded though XML ;
  • Option to display thumbnails of other sub items below window, in XML ;
  • If thumbnails exceed allowed width they auto scroll;
  • Next image can be selected via thumbnails of next/previous arrows;
  • Next/previous arrows remain invisible if there is only 1 item;
  • Total number of item and number of item being currently viewed is shown;
  • FLV video sub items are supported;
  • If a sub item is a video it will display a “play” symbol on its thumbnail;
  • Video load/progress bar displayed on video rollover;
  • Progress bar supports click seeking;
  • Clicking of video toggles playback of video item;
  • If a video is selected, any music which is playing will pause automatically and resume afterwards.

FOOTER SECTION

  • Here a second navigation menu allows you to quickly navigate to other sections;
  • Footer background image(png) inserted via XML , X & Y position & size adjustable also;
  • Profile pic and about text via XML ;
  • Download resume button link editable in XML ;
  • Contact details editable via XML ;
  • Social media icons and links editable in XML ;
  • Social media tool tip visibility and text editable via XML .

TEMPLATE IMAGES

Header Image:

  • Header Image (png) loaded from XML ;
  • X & Y position and size of this header image are editable in XML .

Background Image:

  • Background image is loaded from XML ;
  • If no background image is loaded background defaults to a grey gradient.
  • The background image is independent of the header image, logo and footer image.

Logo Image:

  • Logo Image (png) loaded from XML ;
  • X & Y position and size of this header image are editable in XML .

Footer Image:

  • Footer Image (png) loaded from XML ;
  • X & Y position and size of this header image are editable in XML .

NAVIGATION :

Top navigation

  • Scroll to different main sections;
  • Navigation is editable though the XML files.

Bottom Navigation:

  • Scroll to different main sections;
  • Navigation is editable though the XML files.

Context Menu

  • Context menu editable via XML ;
  • Template supports navigation via context menu;
  • Auto scroll to selected sub-section;
  • email link also in content menu.

Back To Top Buttons

  • Positioned at each section, which when clicked scroll back to the showcase section.

“Hire Me” Ribbon:

  • Visibility editable from XML ;
  • Message editable from XML ;
  • Tool tip editable from XML ;
  • When clicked portfolio auto scrolls to contact form.

Mouse Wheel Scroll:

  • Mouse Wheel scroll supported.

UTILITIES

Mp3

  • Auto start option;
  • Loop option (loops single track);
  • Play list entered into XML is automatically cycled though and loops at end;
  • Sound toggle button in bottom bar on screen;
  • Sound automatically pauses when any videos are played resumes when video playbackfinishes;
  • Volume of music is set in XML file.

Full screen

  • The template supports full screen functionality;
  • Full screen toggle is located in the bottom bar.

Contact Form

  • Contact form message editable in XML ;
  • Form default text editable in XML ;
  • Form auto clear 5 seconds after successful email;
  • Status message for errors , sending and success;
  • Email sent via php file, (disabled in preview);
  • Auto reply email send to user and email sent to site owner.

GENERAL

  • Supports mouse wheel scrolling;
  • Scroll bar does not jump back to top on window resize;
  • Completely fluid layout;
  • CSS style sheets included;
  • Photoshop template files included for each image type/size for ease of image preparation;
  • Disclaimer content is set in XML file;

CREDITS

1PageFolio was designed and developed by iamdok.

I’d like to say thanks to Video Hive author Generator who provided the awesome video files seen in this preview. There files are available for purchase on Video Hive- at the following links:

DEEP

ECLIPSE .

Fonts used in the file are Helvetica Neue LT Pro and Myriad Pro, which are not included in the download package. To recompile this template you will also need Tweener.

Thanks also to Photos8.com for images and ADG3studios for backgound music.

by
by
by
by
by
by