Complete XML+CSS Website //Fullscreen Template v3

Update – 12/20/09: Version 3.2

All bugs fixed!

Update – 10/2/09: Version 3.1

Main changes / features added:

Overall:

The folder/file design. Every page is now a “module” that you use from that folder. For example, if you wish to create two text pages (currently the about age), all you have to do is create a duplicate the XML file for the text page, change it to the images/text you want, and just add it to the main.xml file!

Index:

The intro page and the main page now have an option for either XML text or an XML image logo!
The main page can be set to any width and height via XML ! The title, menu, line, etc will all reposition themselves automatically.
The size listener will also resize and look at specific sizes according to the size of the main page size.
About page:

If there are no images for the slideshow, the text box will reposition and resize itself, making the text cover the full page!

Reel page:

Completely new thing here! It’s a full video page that plays one video. In the XML , you can set everything, including the size, position, buffer, video loop, auto start, starting volume, accent colors, and the option to show each control on the bottom individually, meaning you set what you want to show and what to hide, and it will reposition itself all automatically!
The music also stops on this page for the video, and if it was playing before, it will continue to play when you leave the page.

Video page:

This is a mixture between the reel page (described above), and the image gallery. It basically is a gallery, and when you click on a thumbnail, it will take you to the video. In the XML file, you can set everything, including the size, position, buffer, video loop, auto start, starting volume, accent colors, and the option to show each control on the bottom individually, meaning you set what you want to show and what to hide, and it will reposition itself all utomatically!
The music will also automatically fade in and out between videos.
Each video also has an option for its own custom width and height, and if its too large to fit in the page window, you have an option to hide the background stuff (menu, title, background for the page, line, etc..)
Each video also has an option for a link that will show on the top of the video when you roll over the video.


—-—-—-—-—-—-—-—-—-—-——-

Version 3 is here! Version 2 took about a month to build, and then another month to make sure everything is working smoothly.
Version 3 took about a year of planning, and over a month of building, taking all the advice given from the previous versions, creating the ultimate website template!

All text, images, colors, etc, are all loaded dynamically through external XML and CSS files. That’s right, we have CSS in this version too!

Can have the whole website be award winning status with all of your info/text/images uploaded in no time, and have absolutely no trace that it’s a template!
It will look like a custom website built costing thousands of dollars!

Everything is set, and included. The template is ready, and all you have to do is upload your images, text, and music.

AS2 – Actionscript 2 / Flash8 and CS3 files included.

Video Page will be added shortly!!! Will be similar to the images page.


And don’t forget to vote

Some Features To Mention
—-—-—-—-—-—-—-—-—-—-——-

Preloader:

• Not only do we load the website here, but also the introduction page and first main page background images. This way, there is no waiting for backgrounds to appear, making the website look even more professional!

Introduction Page:

• Text is XML driven.


• Title and button colors are XML driven.


• Option for fullscreen on normal size browsing.


• Background is XML driven!


• If you don’t want the intro page, set the intro value to “false” in the XML file and it will be skipped.



Main Page:

• Advanced XML Menu with their own settings/features.


• All text is loaded through an XML file.


• Fullscreen – 100% x 100% browsing


• Settings Menu with an advanced XML driven music player.


• Fullscreen background images. Each menu page can have its own image!


• Page is always centered, with easing on resizing.


• Fully editable right click menu.


• Size listener – Alerts user when browser size is too small to view full website.


• Bar on bottom for links and info / also to hold the settings menu text.


• Smooth transitions between pages.



Home Page:

• Advanced fully XML driven slideshow. Can hold any amount of images!


• Loads images, SWF files, etc. The usual.


• Images can be any size.


• Fully customizable menu (position, direction, spacing, etc)


• XML features such as Looping, auto start, and timer.



About Page:

• Advanced fully XML driven slideshow on the left. Can hold any amount of images!


• Text is fully XML and CSS driven!


• If text is too long, a scrollbar appears.


• Scrollbar supports both easing and mouse wheel.



News Page:

• Advanced fully XML driven news page.


• Categories can be any text (years, instructions, titles, etc)


• News preview holds image, title, date (or sub-title), and a short description…


• Each news item has an option for an external link and a more information button.


• More information button holds more text, and images.


• The image is XML driven as well, and the text is XML and CSS driven.


• If there is no image, the text is stretched.


• Scrollbar for both the main page and more info page is added if text/items are too long.


• Scrollbar supports both easing and mouse wheel.



Images Page: – Single category (to category page) gallery is included as well.

• Complete fully XML driven Gallery.


• XML driven categories. Each image points to its own category.


• Unlimited number of categories and thumbnails can be created.


• The main category page, and every category assigned has its own XML settings, such as row and column numbers, thumbnail width and height, spacing, colors, etc.


• Arrows only appear when needed.


• Main images and thumbnails can be any size!


• Text on image description is fully customized through the XML file with CDATA tags!


• Click on the image to view next one.


• The thumbnail and main image title/description text will resize to the size of the text.



Contact Page:

• Text is fully XML and CSS driven!


• If text is too long, a scrollbar appears.


• Scrollbar supports both easing and mouse wheel.


• Full contact page with error handling and email validation.



Link:

• XML assigned link for blogs, etc.


• Sound fades out when link is clicked.


• + Much, much more!