Black-Red XML Template

Transcription

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 can format using HTML tag. <![CDATA[Lorem ipsum dolor sit amet.]]> Example: <![CDATA[Lorem ipsum dolor sit amet.]]> The HTML tags supported by Flash Player , , , , ,, ,<li>,<img>,<a>,<textformat>

2 SETTINGS <settings></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 <author></author> To change text edit <author> tag

3 <author><![cdata[created by artibaj (c) 2011]]></author> BUTTONS <buttons></buttons> Text on buttons <text></text> To change text edit tag <text> <button_1> <text><![cdata[home]]></text> </button_1> <button_1> - Home page <button_2> - About Us page <button_3> - Gallery page <button_4> - Contacts page WIDGETS <widgets></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> 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 <widget>

4 <address_url> <icon_url>widgets/facebook.png</icon_url> </widget> Delete widgets To delete widget select and delete <widget> tag BANNER <banner></banner> You can add as many images as you want. Settings <settings></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 <repeat></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> <repeat>true</repeat> Images <images></images> Image <image_url></image_url> To change image edit tag <image_url> <image_url>banner/image_01.jpg</image_url> Add image To add new image copy and paste <image> tag and change values in tags inside

5 <image> <image_url>banner/image_01.jpg</image_url> </image> Delete image To delete image select and delete <image> tag PAGES <pages></pages> HOME <Home></Home> NEWS SECTION <news></news> Heading <heading> </heading> To change text edit <heading> tag <heading><![cdata[news]]></heading> Change news Edit <news> tag <day> - day of news <month> - month of news <text> - text of news <news> <day><![cdata[24]]></day> <month><![cdata[may]]></month> <text><![cdata[lorem ipsum dolor sit amet.]]></text> </news> Add news Select <news> tag copy and paste above first <news> tag. You can add as many news as you want. Delete news

6 Select <news> tag and delete. WELCOME SECTION <welcome></welcome> Heading <heading> </heading> To change text edit <heading> tag <heading><![cdata[welcome to our site]]></heading> Change image and text Edit <content> tag <image> - path to image <text> - text <content> <image>home/image_01.jpg</image> <text><![cdata[lorem ipsum dolor sit amet]]></text> </content> 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> To change text edit <heading> tag

7 <heading><![cdata[about Us]]></heading> Change image and text Edit <content> tag <image> - path to image <text> - text <content> <image> about_us/image_01.jpg</image> <text><![cdata[lorem ipsum dolor sit amet]]></text> </content> 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 <heading> </heading> To change text edit <heading> tag <heading><![cdata[what we do]]></heading> Change text Edit <content> tag <content> <text><![cdata[lorem ipsum dolor sit amet]]></text> </content> GALLERY <Gallery></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 <settings></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 <name></name> To change text edit tag <name> tag <name><![cdata[lorem]]></name> 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 <title></title> To change text edit tag <title> <title><![cdata[lorem ipsum dolor]]></title>

9 Description of image <description></description> To change text edit tag <description> <description><![cdata[lorem ipsum dolor sit amet, consectetur adipisicing elit labore et dolore magna aliqua.]]></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> <description><![cdata[lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, et dolore magna aliqua.]]></description> </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> To change text edit <heading> tag <heading><![cdata[contact Info]]></heading>

10 Address <address></address> To change address edit <address> tag <address><![cdata[john Milles. 0926 Lorem Road. New York, E21 356D. USA]]> </address> CONTACT FORM <contact_form><contact_form> In contact form you can add many subjects and each subject you can assign to a different address. User can receive a confirmation of sent message. You can set format of sending and confirmation . Heading <heading> </heading> To change text edit <heading> tag <heading><![cdata[contact Form]]></heading> Input form <input_form></input_form> Titles of text fields <titles> <titles> To change titles edit tags <name><![cdata[enter your name:]]></name> < ><![cdata[enter your ]]></ > <subject><![cdata[choose subject:]]></subject> <message><![cdata[enter your message:]]></message> <confirmation><![cdata[send a copy to my address]]></confirmation> Error messages <error_messages> <error_messages> To change error messages edit tags

11 <error_messages> <name>please enter your name</name> < >please enter an valid address</ > <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 . 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 <status_sent_ ></status_sent_ > To change messages edit tags <status_sent_ > <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_ > 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 <settings></settings>

12 Path to php file <path_to_php_file></path_to_php_file> To change path to php file to send edit tag <path_to_php_file> <path_to_php_file>send_ .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 < ></ > To change address on which will be send message with selected subject edit tag < > Add new subject To add new subject select, copy and paste <subject> tag <subject> <name>shipping</name> </subject> Delete subject To delete subject select and delete <subject> tag Format of message < _message></ _message> You can set format of received messages. In message you can display name of author, his address and message. To display name of author use variable &name, to display address use variable & , to display message use variable &message.

13 < _message><![cdata[name: &name & Message: &message]]> </ _message> Autoresponder settings <autoresponder></autoresponder> Name of sender <name></name> To change name of sender edit tag <name> tag <name>artibaj</name> Subject title <subject></subject> To change title of subject edit tag <subject> <subject>[autoresponder]</subject> Format of message <message></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 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 </message> &copy_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 To change text edit <map_key> <map_key>abqiaaaaieaplxzj5fgf7y77hf82hqeyvcmetarwalqe8wintwkzleuhxsbkvyqvqyxhi w88qyonsqv CEfw </map_key> Latitude <latitude></latitude> Latitude of location. To change edit <latitude> tag <latitude> </latitude> Longitude <longitude></longitude> Longitude of location. To change edit <longitude> tag longitude> </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 <deafault_zoom>12</deafault_zoom>

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 <tooltip></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 <content></content> To change text edit <content> tag <content><![cdata[john Milles. 0926 Lorem Road. New York, E21 356D. USA]]> </content> Size of images Home page width or less height - any About Us page

16 width 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 Ft38 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_ .php - folders with images and audio file WARNING!!! File "site.xml" must be in the same folder what file "site.swf"

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 <meta name="description" content=" Your encouraging and adequate to content description of the site"> <meta name="keywords" content="keyword1, keyword2, keyword3, ketword4"> Open site: 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. If there are any more questions that were not answered, please contact me through my