Installation guide - Translator Revolution DropDown ^{WP Plugin}

Provides documentation for the installation process.

Introduction
Getting the Item Purchase Code
Installation
Advanced Positioning
HTML structure

1. Introduction

This guide shows how to install the Translator Revolution DropDown WP Plugin plugin on a sample webpage.

Also provides documentation about the plugin structure and how to customize it.

2. Getting the Item Purchase Code

Get the Item Purchase Code.
- Follow these steps:
For any questions, go to http://codecanyon.net/user/SurStudio/
On the lower right side there's the following email form:
Send your message including the Item Purchase Code.

3. Installation

Unzip the downloaded file package on your local machine.
Install the plugin, automatic way (as shown on the below video):
- On the WordPress admin tool, go to Plugins -> Add New -> Upload.
- Choose the wp-translator-revolution-dropdown.zip file, and click Install Now.
- Provide the FTP credentials if you’re asked to.
- Return to the Plugins page and activate the plugin.
- A new option named Translator Revolution will appear under the Plugins menu, click it.
- Enter the API Key and change the settings at will.
Install the plugin, manual way:
- Unzip the wp-translator-revolution-dropdown.zip file, and upload the whole wp-translator-revolution-dropdown folder to your server to the /wp-content/plugins/ folder.
- Go to the Plugins page and activate the plugin.
- A new option named Translator Revolution DropDown will appear under the Plugins menu, click it.
- Enter the API Key and change the settings at will.

4. Advanced Positioning

5. XHTML structure


					<div class="translator-dropdown-container translator-dropdown-jquery">

					    <div class="translator-dropdown-sub-container">

					        <div class="translator-dropdown-body">

					            <p class="translator-dropdown-current-language">

					                <img src="/wp-translator-revolution-dropdown/images/English.gif" alt="English">

					                <span>English</span>

					            </p>

					            <em class="translator-dropdown-current-language-arrow" />

					            <div class="translator-dropdown-languages-list-scroll">

					                <div class="translator-dropdown-languages-list">

					                    <p>

					                        <a href="javascript:;" title="French" class="translator-dropdown-language-fr">

					                            <img src="/wp-translator-revolution-dropdown/images/French.gif" alt="French">

					                            <span>French</span>

					                        </a>

					                    </p>

					                    <p>

					                        <a href="javascript:;" title="Danish" class="translator-dropdown-language-da">

					                            <img src="/wp-translator-revolution-dropdown/images/Danish.gif" alt="Danish">

					                            <span>Danish</span>

					                        </a>

					                    </p>

					                    <p>

					                        <a href="javascript:;" title="German" class="translator-dropdown-language-de">

					                            <img src="/wp-translator-revolution-dropdown/images/German.gif" alt="German">

					                            <span>German</span>

					                        </a>

					                    </p>

					                </div>

					                <div class="translator-dropdown-languages-list-scroll-bar"></div>

					                <div class="translator-dropdown-languages-list-scroll-bar-rail"></div>

					            </div>

					        </div>

					    </div>

					</div>

Installation guide - Translator Revolution DropDown WP Plugin