Black-Red XML Template

(1)

Black-Red XML Template

by artibaj

Flash version: CS5

ActionScript version: 3.0

This template site is an Flash (AS3) fully XML driven website template that allows you to modify the whole content without even opening the source files.

It's very easy to manage.

Please read following manual to see how you can manage the content of your website by simple XML file.

XML

To edit text, path to graphic file and other options open file "site.xml".

WARNING !!!

The text which you can change will be below displayed in the green color.

You should not change the others text. The possible change will cause the problem with the reading of the value from the xml file.

And don’t delete <![CDATA[ ]]> tags

Text which is placed in CDATA tag

<![CDATA[Lorem ipsum dolor sit amet.]]> can format using HTML tag.

Example:

<![CDATA[Lorem ipsum dolor sit amet.]]> The HTML tags supported by Flash Player

(2)

SETTINGS

 Scrolling with the transparency effect

If the content is hidden, the edges of content are transparent. To enable/disable effects edit tag <scroll_alpha_Y> (scrolling vertical)

value true or false

<scroll_alpha_Y>true</scroll_alpha_Y>

 Moving sliders with the ease effect

If user drag slider and move it, slider will be move with delay (value true) or without delay (value false). To enable/disable effects edit tag:

<ease_slider_Y> (vertical sliders)

<ease_slider_Y>true</ease_slider_Y>

 Use hand cursor over buttons

This option enable/disable hand cursor when user move cursor over buttons (menu buttons, scroll buttons, sliders and scales, thumbs etc.). To enable/disable option edit tag:

<buttons_use_hand_cursor> value true or false

<buttons_use_hand_cursor>true</buttons_use_hand_cursor>

LOGO

<logo></logo>  Site name

<site_name></site_name>

To change text edit <site_name> tag

<site_name><![CDATA[SiteName]]></site_name>

AUTHOR

(3)

BUTTONS

<buttons></buttons>  Text on buttons <text></text>

To change text edit tag <text>

<button_1>

<button_1> - Home page <button_2> - About Us page <button_3> - Gallery page <button_4> - Contacts page

WIDGETS

You can add buttons to social website

 Address url

<address_url></address_url>

Address url to website. To change address edit tag <address_url>

<address_url>http://www.facebook.com</address_url>  Icon path

<icon_url><icon_url>

To change path to icon edit tag <icon_url>

<icon_url>widgets/facebook.png</icon_url>  Add widgets

To add new widget copy and paste <widget> tag and change values in tags inside

(4)

<address_url>http://www.facebook.com</address_url> <icon_url>widgets/facebook.png</icon_url>

</widget>

 Delete widgets

To delete widget select and delete <widget> tag

BANNER

You can add as many images as you want.

Settings

 Time to change image <time></time>

To set time (in seconds) after which the image will be change edit tag <time>

<time>15<time>  Repeat

If all images will be showing, then animation start from beginning otherwise user must click on START button .To enable/disable edit tag <repeat>

Images

 Image

<image_url></image_url>

To change image edit tag <image_url>

<image_url>banner/image_01.jpg</image_url>  Add image

(5)

<image>

<image_url>banner/image_01.jpg</image_url> </image>

 Delete image

To delete image select and delete <image> tag

PAGES

 HOME

<Home></Home>  NEWS SECTION <news></news> Heading <heading> </heading>

To change text edit <heading> tag

Change news

Edit <news> tag <day> - day of news <month> - month of news <text> - text of news

<news>

Add news

Select <news> tag copy and paste above first <news> tag. You can add as many news as you want.

(6)

Select <news> tag and delete.

 WELCOME SECTION <welcome></welcome>

Heading

Change image and text

Edit <content> tag <image> - path to image <text> - text

<image>home/image_01.jpg</image>

Add image and text

Select <content> tag copy and paste below last <content> tag. You can add as many text and images as you want.

Delete image and text

Select <content> tag and delete

 ABOUT US

<About_Us></About_Us>  ABOUT US SECTION <about_us></about_us> Heading <heading> </heading>

(7)

Change image and text

Edit <content> tag <image> - path to image <text> - text

<image> about_us/image_01.jpg</image>

Add image and text

Select <content> tag copy and paste below last <content> tag. You can add as many text and images as you want.

Delete image and text

Select <content> tag and delete

 WHAT WE DO SECTION <what_we_do></what_we_do>

Heading

Change text

Edit <content> tag

 GALLERY

Gallery page is divided into list of sub galleries and list of thumbs. You can add as many sub galleries as you want. In each sub gallery you can add many images as you want.

(8)

 SETTINGS

Time to change image in slideshow view

<slideshow_time></slideshow_time>

To set time (in seconds) after which the image will be change edit tag </slideshow_time>

<slideshow_time>5</slideshow_time>

 SUB GALLERY

<sub_gallery></sub_gallery>

Name of sub gallery

To change text edit tag <name> tag

Images in sub gallery

 Big image

<big_image_url></big_image_url>

To change path to image edit tag <big_image_url>

<big_image_url>gallery/lorem/image_01.jpg</big_image_url>  Image thumb

<thumb_url></thumb_url>

To change path to image edit tag <thumb_url>

< thumb_url>gallery/lorem/thumb_01.jpg</ thumb_url>  Title of image

To change text edit tag <title>

(9)

 Description of image <description></description>

To change text edit tag <description>

Add new image to sub gallery

To add new image copy and paste <image> tag and change values in tags inside

<image>

<big_image_url>gallery/lorem/image_01.jpg</big_image_url> <thumb_url>gallery/ lorem /thumb_01.jpg</thumb_url> <title><![CDATA[ Lorem ipsum dolor]]></title>

</image>

Delete image from sub gallery

To delete image select and delete <image> tag

Add new sub gallery

To add new sub gallery copy and paste <sub_gallery> tag and change values in tags inside

Delete sub gallery

To delete sub gallery select and delete <sub_gallery> tag

 CONTACTS

<Contacts></Contacts>  CONTACT INFO <contact_info></contact_info> Heading <heading> </heading>

(10)

Address

To change address edit <address> tag

</address>

 CONTACT FORM

<contact_form><contact_form>

In contact form you can add many subjects and each subject you can assign to a different email address. User can receive a confirmation of sent message. You can set format of sending and confirmation email.

Heading

Input form

<input_form></input_form>  Titles of text fields <titles> <titles>

To change titles edit tags

<message><![CDATA[Enter your message:]]></message> <confirmation><![CDATA[Send a copy to my email

address]]></confirmation>  Error messages

<error_messages> <error_messages> To change error messages edit tags

(11)

<error_messages>

<name>Please enter your name</name>

<email>Please enter an valid email address</email> <subject>Please select subject</subject>

<message>Please enter a message</message> </error_messages>

 Autoresponder default selected

<autoresponder_default_selected></autoresponder_default_selected>

You can set default state of autoresponder of sending email. Values true checkbox is selected, false unselected.

To change edit <autoresponder_default_selected> tag

<autoresponder_default_selected>true</autoresponder_default_selected>  Infos about the status of sent email

<status_sent_email></status_sent_email> To change messages edit tags

<status_sent_email>

<default>Please enter information</default>

<sending_in_progress>Sending...</sending_in_progress> <send_correct>Your message was sent.</send_correct> <send_failed>Unable to send message.</send_failed> </status_sent_email>

 Text on buttons

<text_button> </text_button> To change text on button edit tags

<text_button>

<button_send><![CDATA[SEND]]></button_send> <button_clear><![CDATA[RESET]]></button_clear> </text_button>

Size of the buttons will automatically be matched to the width of the text

Settings

(12)

 Path to php file

<path_to_php_file></path_to_php_file>

To change path to php file to send email edit tag <path_to_php_file>

<path_to_php_file>send_email.php</path_to_php_file>

 List of subjects <subjects></subjects>

 Title of subject <name></name>

To change text edit tag <name>

<name>Shipping</name>  Address email

To change address email on which will be send message with selected subject edit tag <email>

<email>[email protected]</email>  Add new subject

To add new subject select, copy and paste <subject> tag

<name>Shipping</name>

<email>[email protected]</email> </subject>

 Delete subject

To delete subject select and delete <subject> tag

 Format of message

<email_message></email_message>

You can set format of received messages. In message you can display name of author, his email address and message. To display name of author use variable &name, to display email address use variable &email, to display message use variable &message.

(13)

<email_message><![CDATA[Name: &name Email: &email Message: &message]]> </email_message>  Autoresponder settings <autoresponder></autoresponder>  Name of sender <name></name>

To change name of sender edit tag <name> tag

<name>artibaj</name>  Subject title

To change title of subject edit tag <subject>

<subject>[autoresponder]</subject>  Format of message

You can set format of message. In message you can put your own text and copy of user message. To put copy of user message use &copy_message variable.

<message><![CDATA[THIS E-MAIL IS SENT AUTOMATICALLY! DO NOT REPLY!

*****************************************

Hi

Thank you for your interest in my site. I give you answer as soon as possible. Regards artibaj.com --- This is copy of your message:

(14)

&copy_message]]> </message>  GOOGLE MAP <google_map></google_map> SETTINGS <settings></settings>  Map Key <map_key></map_key>

To use google map you must have map key. To get key use this site

http://code.google.com/intl/pl/apis/maps/signup.html

To change text edit <map_key>

<map_key> ABQIAAAAiea-pLxzj5fgf7Y77Hf82hQeyvCmETaRWalQe8WIntWKZleuhxSBkVYqvQYXhI w88qYoNsqV__CEfw </map_key>  Latitude <latitude></latitude>

Latitude of location. To change edit <latitude> tag

<latitude>51.0473078</latitude>  Longitude

Longitude of location. To change edit <longitude> tag

longitude>18.4383563</longitude>

 Default zoom

<deafault_zoom></deafault_zoom>

Default zoom of map. User can change zoom once the map is displayed. To change edit <deafault_zoom> tag

(15)

 Marker options <marker></marker>

You can use you own image as marker

 Path to image

<image_url></image_url>

To change path to image edit <image_url> tag

<image_url>google_map/marker.png</image_url>  Tooltip

If user click on marker then will be displayed tooltip. You can set title and description of tooltip.

 Title <title></title>

To change text edit <title> tag

<title><![CDATA[My address]]></title>  Content

To change text edit <content> tag

Size of images

 Home page width - 510 or less height - any  About Us page

(16)

width - 150 or less height - any  Gallery page Thumb: width – max 145 height – max 110 Max: width - any height - any

Fonts

All fonts you can download from here:

 Ft13

http://font.downloadatoz.com/font,10541,ft13.html

 Ft38

http://font.downloadatoz.com/font,10377,ft38.html

Upload to server

Upload to server all files from "site_flash" folder: - index.php - site.swf - site.xml - expressInstall.swf - swfobject.js - transform.php - send_email.php

- folders with images and audio file

WARNING !!!

(17)

Add site to google

Before you add site to google, open file "index.php" and change values of tags description – short description of your site

keywords – keywords of your site

Open site:

http://www.google.com/addurl/?continue=/addurl

Fill the all fields and click on the button on the bottom. The site will be added within several days.

File "transform.php"

Script from this file converts text from xml file on html text. Google will also indexing text from xml file.

WARNING !!!

If text from xml file displays under swf file, it means that in xml file are errors in html tags of formatting text. Check the xml file and correct errors.

Black-Red XML Template